X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fdevtools%2Fruleview.css;h=b3529121bfc65f596f8eb972ddb93a655da793a9;hp=201acf7824b9779c74f857f3931fdd4e729a039d;hb=13875a54c4ffb8d452d1dc3745fdbab3f906da8f;hpb=5497455b20bc5f74484137eae68e957a9d3ef722

diff --git a/LCARStrek/browser/devtools/ruleview.css b/LCARStrek/browser/devtools/ruleview.css
index 201acf78..b3529121 100644
--- a/LCARStrek/browser/devtools/ruleview.css
+++ b/LCARStrek/browser/devtools/ruleview.css
@@ -49,7 +49,11 @@
   padding: 2px 4px;
 }
 
-/* User agent styles are not editable, display them differently */
+/**
+ * Display rules that don't match the current selected element and uneditable
+ * user agent styles differently
+ */
+.ruleview-rule[unmatched=true],
 .ruleview-rule[uneditable=true] {
   background: var(--theme-toolbar-background);
 }
@@ -266,3 +270,27 @@
   background-image: url("chrome://browser/skin/devtools/pseudo-class.svg#pseudo-class-checked");
   filter: none !important;
 }
+
+/**
+ * These buttons are using opacity instead of background color to indicate
+ * the state
+ */
+/*
+#ruleview-add-rule-button,
+#pseudo-class-panel-toggle {
+  opacity: 0.8;
+}
+
+#ruleview-add-rule-button:not([disabled]):hover,
+#pseudo-class-panel-toggle:hover,
+#pseudo-class-panel-toggle[checked] {
+  opacity: 1;
+}
+
+#ruleview-add-rule-button,
+#pseudo-class-panel-toggle,
+#pseudo-class-panel-toggle:hover,
+#pseudo-class-panel-toggle[checked]::before {
+  background-color: transparent !important;
+}
+*/