X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fperformance.css;h=c60aa5200a5ca65403d6e735e3da5e8b8218d1df;hp=2cb09b078f6ceb0cdb3d797f4a79f9b89a530eb3;hb=b1d1a8bbaca0a31b2c2581911368b6892d447718;hpb=6f751fd100ed69c35ed979e9d0db9d0f991af80a

diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css
index 2cb09b07..c60aa520 100644
--- a/LCARStrek/devtools/performance.css
+++ b/LCARStrek/devtools/performance.css
@@ -11,7 +11,14 @@
   --focus-cell-border-color: #9C9CFF;
   --row-alt-background-color: #403400;
   --row-hover-background-color: #544400;
-  --filter-image: url(chrome://devtools/skin/images/timeline-filter.svg);
+}
+
+/*
+ * DE-XUL: Set a sidebar width because inline XUL components will cause the flex
+ * to overflow if dynamically sized.
+ */
+.performance-tool {
+  --sidebar-width: 185px;
 }
 
 /**
@@ -36,7 +43,7 @@
 }
 
 #filter-button {
-  list-style-image: var(--filter-image);
+  list-style-image: url(images/filter.svg);
 }
 
 #performance-filter-menupopup > menuitem .menu-iconic-left::after {
@@ -71,7 +78,15 @@
 /* Recording buttons */
 
 #recordings-controls {
-  background-color: #9C9CFF;
+/*  background-color: #9C9CFF;*/
+  display: flex;
+}
+
+#recording-controls-mount,
+#recording-controls-mount > div,
+#recording-controls-mount > div > .devtools-toolbar {
+  display: flex;
+  flex: 1 1 auto;
 }
 
 #clear-button::before {
@@ -106,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 {