X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Fperformance.css;h=323c3e7e579fe030d63a6e2d00faa61bf7bfe77a;hp=8ac95bc61b860c73938f5d033b3b22b0c4fea4c5;hb=43ba37c15d4c3b381344e45dac387a9df582f48f;hpb=d0a8de80597f65fb17a8508078deae45f0ae80d4

diff --git a/LCARStrek/devtools/performance.css b/LCARStrek/devtools/performance.css
index 8ac95bc6..323c3e7e 100644
--- a/LCARStrek/devtools/performance.css
+++ b/LCARStrek/devtools/performance.css
@@ -27,12 +27,12 @@
 /* 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 {
@@ -70,8 +70,28 @@
 
 /* Recording buttons */
 
-#main-record-button {
-  list-style-image: url(images/profiler-stopwatch.svg);
+#recordings-controls {
+  background-color: #9C9CFF;
+}
+
+#clear-button::before {
+  background-image: var(--clear-icon-url);
+}
+
+#main-record-button::before {
+  background-image: url(images/profiler-stopwatch-tbutton.svg);
+}
+
+#import-button::before {
+  background-image: url(images/import.svg);
+}
+
+#main-record-button .button-icon, #import-button .button-icon {
+  margin: 0;
+}
+
+#main-record-button .button-text, #import-button .button-text {
+  display: none;
 }
 
 #main-record-button .button-icon {
@@ -255,13 +275,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) {
@@ -309,7 +329,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,
@@ -321,7 +341,7 @@
 }
 
 .call-tree-name {
-  -moz-margin-end: 4px !important;
+  margin-inline-end: 4px !important;
 }
 
 .call-tree-url {
@@ -346,7 +366,7 @@
 }
 
 .call-tree-host {
-  -moz-margin-start: 8px !important;
+  margin-inline-start: 8px !important;
   font-size: 90%;
   color: var(--theme-content-color2);
 }
@@ -377,7 +397,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 {
@@ -448,7 +468,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,
@@ -460,8 +480,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;
 }
 
@@ -487,7 +507,7 @@
 .waterfall-marker > .theme-twisty {
   /* Don't affect layout. */
   width: 14px;
-  -moz-margin-end: -14px;
+  margin-inline-end: -14px;
 }
 
 /**
@@ -506,8 +526,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;
@@ -524,7 +544,7 @@
 }
 
 .marker-details-name-label {
-  -moz-padding-end: 4px;
+  padding-inline-end: 4px;
 }
 
 .marker-details-type {