sync LCARStrek with Firefox 51 devtools theme changes

[themes.git] / LCARStrek / devtools / performance.css

diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css
index d27599875ea9e31ca74037c1f2df184bc857b028..c60aa5200a5ca65403d6e735e3da5e8b8218d1df 100644 (file)
--- a/LCARStrek/devtools/performance.css
+++ b/LCARStrek/devtools/performance.css
@@ -13,6 +13,14 @@
   --row-hover-background-color: #544400;
 }
 
+/*
+ * DE-XUL: Set a sidebar width because inline XUL components will cause the flex
+ * to overflow if dynamically sized.
+ */
+.performance-tool {
+  --sidebar-width: 185px;
+}
+
 /**
  * A generic class to hide elements, replacing the `element.hidden` attribute
  * that we use to hide elements that can later be active
@@ -85,12 +93,10 @@
   background-image: var(--clear-icon-url);
 }
 
-#main-record-button > image,
 #main-record-button::before {
   background-image: url(images/profiler-stopwatch-tbutton.svg);
 }
 
-#import-button > image,
 #import-button::before {
   background-image: url(images/import.svg);
 }
@@ -115,21 +121,32 @@
   padding: 5px !important;
 }
 
-.notice-container .record-button[checked],
-.notice-container .record-button[checked] {
+.notice-container .record-button.checked,
+.notice-container .record-button.checked {
   color: var(--theme-selection-color) !important;
   background: var(--theme-selection-background) !important;
 }
 
-.record-button[locked] {
-  pointer-events: none;
-  opacity: 0.5;
-}
-
 /* Sidebar & recording items */
 
 #recordings-pane {
   border-inline-end: 1px solid var(--theme-splitter-color);
+  width: var(--sidebar-width);
+}
+
+#recording-controls-mount {
+  width: var(--sidebar-width);
+}
+
+#recording-controls-mount > div {
+  width: var(--sidebar-width);
+}
+
+/*
+ * DE-XUL: The height of the toolbar is not correct without tweaking the line-height.
+ */
+#recordings-pane .devtools-toolbar {
+  line-height: 0;
 }
 
 #recordings-list {