Bug 1252100 - Imported profiles may have too long filename as the display label so sidebar is very huge, r=jsantell

devtools/client/performance/views/recordings.js

@@ -52,6 +52,7 @@ var RecordingsView = Heritage.extend(WidgetMethods, {
   addEmptyRecording: function (recording) {
     let titleNode = document.createElement("label");
     titleNode.className = "plain recording-item-title";
+    titleNode.setAttribute("crop", "end");
     titleNode.setAttribute("value", recording.getLabel() ||
       L10N.getFormatStr("recordingsList.itemLabel", this.itemCount + 1));
 

devtools/client/themes/performance.css

@@ -106,6 +106,7 @@
 /* Sidebar & recording items */
 
 #recordings-list {
+  max-width: 300px;
   border-inline-end: 1px solid var(--theme-splitter-color);
 }