third and last part of syncing LCARStrek with Firefox 52 browser windows theme changes

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

diff --git a/LCARStrek/devtools/rules.css b/LCARStrek/devtools/rules.css
index e104d3ac19af0ea8c9f43b50377f9a6bb3c10209..abe4739ed36fdec1623281e9b8b39415cc241d7d 100644 (file)
--- a/LCARStrek/devtools/rules.css
+++ b/LCARStrek/devtools/rules.css
@@ -21,10 +21,7 @@
   display: flex;
   flex-direction: column;
   width: 100%;
-  /* Bug 1243598 - Reduce the container height by the tab height to make room
-     for the tabs above. */
-  height: calc(100% - 24px);
-  position: absolute;
+  height: 100%;
 }
 
 /* Rule View Toolbar */
@@ -35,9 +32,15 @@
   height: auto;
 }
 
+/* Remove LCARS startcap and endcap */
+/* XXX: We actually should add them via the #ruleview-toolbar again */
+div#ruleview-toolbar-container::before,
+div#ruleview-toolbar-container::after {
+  display: none;
+}
+
 #ruleview-toolbar {
   display: flex;
-  height: 23px;
 }
 
 #ruleview-toolbar > .devtools-searchbox:first-child {
@@ -198,8 +201,7 @@
   border-left: solid 10px;
 }
 
-.ruleview-rule,
-#noResults {
+.ruleview-rule {
   padding: 2px 4px;
 }
 
@@ -212,6 +214,10 @@
   background: var(--theme-tab-toolbar-background);
 }
 
+.ruleview-rule[unmatched=true] {
+  opacity: 0.5;
+}
+
 .ruleview-rule[uneditable=true] :focus {
   outline: none;
 }
@@ -263,11 +269,6 @@
   color: #A09090;
 }
 
-#noResults {
-/*  font: message-box;*/
-  color: #A09090;
-}
-
 .ruleview-rule + .ruleview-rule {
   border-top-width: 1px;
   border-top-style: dotted;
@@ -325,6 +326,11 @@
   display: inline-block;
 }
 
+.ruleview-rule .ruleview-expander.theme-twisty:dir(rtl) {
+  /* for preventing .theme-twisty's wrong direction in rtl; Bug 1296648 */
+  transform: none;
+}
+
 .ruleview-newproperty {
   /* (enable checkbox width: 12px) + (expander width: 15px) */
   margin-inline-start: 27px;
@@ -448,8 +454,9 @@
   cursor: text;
 }
 
-.ruleview-selector-separator, .ruleview-selector-unmatched {
-  color: #888;
+.ruleview-selector-separator,
+.ruleview-selector-unmatched {
+  color: var(--theme-comment);
 }
 
 .ruleview-selector-matched > .ruleview-selector-attribute {