second and final part of syncing LCARStrek with Firefox 49/50 devtools theme changes

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

diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css
index 1ead491870e952cf6bdd75d3416fce00fa961d45..1fd9412ef46972c9e479db132253601a9cbd4ec3 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);
 }
 
 /**
@@ -27,19 +26,19 @@
 /* Toolbar */
 
 #performance-toolbar-control-other {
-  -moz-padding-end: 5px;
+  padding-inline-end: 5px;
 }
 
 #performance-toolbar-controls-detail-views .toolbarbutton-text {
-  -moz-padding-start: 4px;
-  -moz-padding-end: 8px;
+  padding-inline-start: 4px;
+  padding-inline-end: 8px;
 }
 
 #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;
@@ -275,13 +274,13 @@
   text-overflow: ellipsis;
   padding: 1px 4px;
   color: var(--theme-body-color);
-  -moz-border-end-color: var(--cell-border-color);
+  border-inline-end-color: var(--cell-border-color);
 }
 
 .call-tree-header:not(:last-child),
 .call-tree-cell:not(:last-child) {
-  -moz-border-end-width: 1px;
-  -moz-border-end-style: solid;
+  border-inline-end-width: 1px;
+  border-inline-end-style: solid;
 }
 
 .call-tree-header:not(:last-child) {
@@ -329,7 +328,7 @@
 }
 
 .call-tree-item:focus .call-tree-cell {
-  -moz-border-end-color: var(--focus-cell-border-color);
+  border-inline-end-color: var(--focus-cell-border-color);
 }
 
 .call-tree-item:not([origin="content"]) .call-tree-name,
@@ -341,7 +340,7 @@
 }
 
 .call-tree-name {
-  -moz-margin-end: 4px !important;
+  margin-inline-end: 4px !important;
 }
 
 .call-tree-url {
@@ -366,7 +365,7 @@
 }
 
 .call-tree-host {
-  -moz-margin-start: 8px !important;
+  margin-inline-start: 8px !important;
   font-size: 90%;
   color: var(--theme-content-color2);
 }
@@ -397,7 +396,7 @@
 }
 
 .waterfall-header-tick:not(:first-child) {
-  -moz-margin-start: -100px !important; /* Don't affect layout. */
+  margin-inline-start: -100px !important; /* Don't affect layout. */
 }
 
 .waterfall-background-ticks {
@@ -468,7 +467,7 @@
  */
 
 .waterfall-sidebar {
-  -moz-border-end: 1px solid var(--cell-border-color);
+  border-inline-end: 1px solid var(--cell-border-color);
 }
 
 .waterfall-tree-item > .waterfall-sidebar:hover,
@@ -480,8 +479,8 @@
 .waterfall-marker-bullet {
   width: 8px;
   height: 8px;
-  -moz-margin-start: 8px;
-  -moz-margin-end: 6px;
+  margin-inline-start: 8px;
+  margin-inline-end: 6px;
   border-radius: 1px;
 }
 
@@ -507,7 +506,7 @@
 .waterfall-marker > .theme-twisty {
   /* Don't affect layout. */
   width: 14px;
-  -moz-margin-end: -14px;
+  margin-inline-end: -14px;
 }
 
 /**
@@ -526,8 +525,8 @@
  */
 
 #waterfall-details {
-  -moz-padding-start: 8px;
-  -moz-padding-end: 8px;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
   padding-top: 2vh;
   overflow: auto;
   min-width: 50px;
@@ -544,7 +543,7 @@
 }
 
 .marker-details-name-label {
-  -moz-padding-end: 4px;
+  padding-inline-end: 4px;
 }
 
 .marker-details-type {
@@ -565,52 +564,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);