fifth part of syncing LCARStrek with Firefox 42-44 windows theme changes

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

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index 7e5f8804e5061d58cbd343b1620c30beaa810ec1..c863d174dfb01e2dc701481907f716583e947ccc 100644 (file)
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -6,6 +6,7 @@
 
 .theme-light {
   --rule-highlight-background-color: #402800;
+  --rule-filter-icon: url("magnifying-glass.png");
 }
 
 .ruleview {
@@ -95,7 +96,6 @@
   background: url("alerticon-warning.png");
   -moz-margin-start: 5px;
   display: inline-block;
-  vertical-align: top;
   width: 13px;
   height: 12px;
 }
@@ -106,6 +106,15 @@
   }
 }
 
+.ruleview-overridden-rule-filter {
+  background-image: var(--rule-filter-icon);
+  background-size: 11px 11px;
+  -moz-margin-start: 5px;
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+}
+
 .ruleview-ruleopen {
   -moz-padding-end: 5px;
 }
@@ -291,13 +300,15 @@
  */
 /*
 #ruleview-add-rule-button,
-#pseudo-class-panel-toggle {
+#pseudo-class-panel-toggle,
+.ruleview-overridden-rule-filter {
   opacity: 0.8;
 }
 
 #ruleview-add-rule-button:not([disabled]):hover,
 #pseudo-class-panel-toggle:hover,
-#pseudo-class-panel-toggle[checked] {
+#pseudo-class-panel-toggle[checked],
+.ruleview-overridden-rule-filter:hover {
   opacity: 1;
 }