first part of syncing LCARStrek with Firefox 40 windows theme changes

[themes.git] / LCARStrek / browser / devtools / timeline.css

diff --git a/LCARStrek/browser/devtools/timeline.css b/LCARStrek/browser/devtools/timeline.css
index e38a69e6d9f00b51d6ee518c01c07d29e2d1ce7b..ba707ecafddbd4d1db61e33b3703a1741f0bf535 100644 (file)
--- a/LCARStrek/browser/devtools/timeline.css
+++ b/LCARStrek/browser/devtools/timeline.css
@@ -5,6 +5,7 @@
 
 #record-button {
   list-style-image: url("profiler-stopwatch.svg");
+  min-width: 24px;
 }
 
 #record-button[checked] {
@@ -15,6 +16,36 @@
   visibility: hidden;
 }
 
+#memory-checkbox .checkbox-label {
+  line-height: 100%;
+}
+
+#filter-button {
+  list-style-image: url(timeline-filter.svg#filter);
+  min-width: 24px;
+}
+
+#filter-button[disabled] {
+  list-style-image: url(timeline-filter.svg#filter-disabled);
+}
+
+#filter-button:not([disabled]):hover,
+#filter-button[open] {
+  list-style-image: url(timeline-filter.svg#filter-open);
+}
+
+#timelineFilterPopup > menuitem:before {
+  content: "";
+  display: block;
+  width: 8px;
+  height: 8px;
+  margin: 0 8px;
+  border: 1px solid;
+  border-radius: 1px;
+  background-color: var(--bullet-bg);
+  border-color: var(--bullet-border);
+}
+
 .notice-container {
   font-size: 120%;
   padding-bottom: 35vh;
@@ -70,20 +101,13 @@
   pointer-events: none;
 }
 
-.theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
-  background-color: rgba(255,255,255,0.03);
-}
-
-.theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
-  background-color: rgba(128,128,128,0.03);
+.waterfall-marker-container:not([is-spacer]):nth-child(2n) {
+  background-color: var(--theme-contrast-background);
 }
 
-.theme-dark .waterfall-marker-container:hover {
-  background-color: rgba(255,255,255,0.1) !important;
-}
-
-.theme-light .waterfall-marker-container:hover {
-  background-color: rgba(128,128,128,0.1) !important;
+.waterfall-marker-container:hover {
+  background-color: var(--theme-hover-background) !important;
+  color: var(--theme-hover-color) !important;
 }
 
 .waterfall-marker-item {
@@ -92,9 +116,7 @@
 
 .waterfall-sidebar {
   -moz-border-end: 1px solid;
-}
 
-.waterfall-sidebar {
   -moz-border-end-color: #9C9CFF;
 }
 
@@ -149,27 +171,33 @@
 
 .waterfall-marker-container.selected .waterfall-marker-bullet,
 .waterfall-marker-container.selected .waterfall-marker-bar {
-  border-color: initial!important;
+  border-color: initial !important;
+}
+
+.waterfall-marker-location {
+   color: #3333FF;
+}
+
+.waterfall-marker-location:hover,
+.waterfall-marker-location:focus {
+   text-decoration: underline;
 }
 
 #timeline-waterfall-details {
   -moz-padding-start: 8px;
   -moz-padding-end: 8px;
-  padding-top: 8vh;
+  padding-top: 2vh;
   overflow: auto;
 }
 
 .marker-details-bullet {
   width: 8px;
   height: 8px;
-  margin: 0 8px;
   border: 1px solid;
   border-radius: 1px;
 }
 
-.marker-details-start,
-.marker-details-end,
-.marker-details-duration {
+#timeline-waterfall-details > * {
   padding-top: 3px;
 }