Merge changes I0edd6f8b,I59fc2f9c into main

* changes:
  ui: Fix wrapping of track details popups
  ui: Appease eslint by converting double -> single quotes in .eslintrc.js

ui/.eslintrc.js

@@ -28,14 +28,14 @@ module.exports = {
     }],
 
     // Formatting handled by prettier
-    "indent": "off",
-    'max-len': "off",
-    "operator-linebreak": "off",
-    "quotes": "off",
-    "brace-style": "off",
-    "space-before-function-paren": "off",
-    "generator-star-spacing": "off",
-    "semi-spacing": "off",
+    'indent': 'off',
+    'max-len': 'off',
+    'operator-linebreak': 'off',
+    'quotes': 'off',
+    'brace-style': 'off',
+    'space-before-function-paren': 'off',
+    'generator-star-spacing': 'off',
+    'semi-spacing': 'off',
 
     // clang-format --js used to format EOL comments after (e.g.) an if like:
     // if (foo) {  // insightful comment

ui/src/assets/track_panel.scss

@@ -242,7 +242,7 @@
 }
 
 .pf-track-details-dropdown {
-  width: 400px;
+  max-width: 400px;
 }
 
 .pf-panel-group {

ui/src/assets/widgets/popup.scss

@@ -17,6 +17,10 @@
 .pf-popup-portal {
   position: absolute;
   z-index: 10; // Hack to show popups over certain other elements
+
+  // When width = 0 it can cause layout issues in popup content, so we give this
+  // element some width manually
+  width: 100%;
 }
 
 .pf-popup {

ui/src/assets/widgets/tree.scss

@@ -28,8 +28,9 @@ $chevron-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'
       background: inherit;
       padding: 0 0 0 15px;
       border-radius: 0 $pf-border-radius $pf-border-radius 0;
-      word-break: break-all;
+      overflow-wrap: break-word; // Break words if overflowing
       white-space: pre-wrap;
+      min-width: 0; // Allow column to shrink past content if container is thin
     }
 
     .pf-tree-gutter {