make networking pane work nicely in current nightlies (not completely sure if we...

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

diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css
index 323c3e7e579fe030d63a6e2d00faa61bf7bfe77a..d27599875ea9e31ca74037c1f2df184bc857b028 100644 (file)
--- a/LCARStrek/devtools/performance.css
+++ b/LCARStrek/devtools/performance.css
@@ -11,7 +11,6 @@
   --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);
 }
 
 /**
@@ -36,10 +35,10 @@
 }
 
 #filter-button {
-  list-style-image: var(--filter-image);
+  list-style-image: url(images/filter.svg);
 }
 
-#performance-filter-menupopup > menuitem:before {
+#performance-filter-menupopup > menuitem .menu-iconic-left::after {
   content: "";
   display: block;
   width: 8px;
@@ -71,17 +70,27 @@
 /* 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 {
   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);
 }
@@ -565,52 +574,52 @@
  * Marker colors
  */
 
-menuitem.marker-color-graphs-full-red:before,
+menuitem.marker-color-graphs-full-red .menu-iconic-left::after,
 .marker-color-graphs-full-red {
   background-color: var(--theme-graphs-full-red);
   border-color: var(--theme-graphs-full-red);
 }
-menuitem.marker-color-graphs-full-blue:before,
+menuitem.marker-color-graphs-full-blue .menu-iconic-left::after,
 .marker-color-graphs-full-blue {
   background-color: var(--theme-graphs-full-blue);
   border-color: var(--theme-graphs-full-blue);
 }
-menuitem.marker-color-graphs-green:before,
+menuitem.marker-color-graphs-green .menu-iconic-left::after,
 .marker-color-graphs-green {
   background-color: var(--theme-graphs-green);
   border-color: var(--theme-graphs-green);
 }
-menuitem.marker-color-graphs-blue:before,
+menuitem.marker-color-graphs-blue .menu-iconic-left::after,
 .marker-color-graphs-blue {
   background-color: var(--theme-graphs-blue);
   border-color: var(--theme-graphs-blue);
 }
-menuitem.marker-color-graphs-bluegrey:before,
+menuitem.marker-color-graphs-bluegrey .menu-iconic-left::after,
 .marker-color-graphs-bluegrey {
   background-color: var(--theme-graphs-bluegrey);
   border-color: var(--theme-graphs-bluegrey);
 }
-menuitem.marker-color-graphs-purple:before,
+menuitem.marker-color-graphs-purple .menu-iconic-left::after,
 .marker-color-graphs-purple {
   background-color: var(--theme-graphs-purple);
   border-color: var(--theme-graphs-purple);
 }
-menuitem.marker-color-graphs-yellow:before,
+menuitem.marker-color-graphs-yellow .menu-iconic-left::after,
 .marker-color-graphs-yellow {
   background-color: var(--theme-graphs-yellow);
   border-color: var(--theme-graphs-yellow);
 }
-menuitem.marker-color-graphs-orange:before,
+menuitem.marker-color-graphs-orange .menu-iconic-left::after,
 .marker-color-graphs-orange {
   background-color: var(--theme-graphs-orange);
   border-color: var(--theme-graphs-orange);
 }
-menuitem.marker-color-graphs-red:before,
+menuitem.marker-color-graphs-red .menu-iconic-left::after,
 .marker-color-graphs-red {
   background-color: var(--theme-graphs-red);
   border-color: var(--theme-graphs-red);
 }
-menuitem.marker-color-graphs-grey:before,
+menuitem.marker-color-graphs-grey .menu-iconic-left::after,
 .marker-color-graphs-grey{
   background-color: var(--theme-graphs-grey);
   border-color: var(--theme-graphs-grey);