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 */
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 {
border-left: solid 10px;
}
-.ruleview-rule,
-#noResults {
+.ruleview-rule {
padding: 2px 4px;
}
background: var(--theme-tab-toolbar-background);
}
+.ruleview-rule[unmatched=true] {
+ opacity: 0.5;
+}
+
.ruleview-rule[uneditable=true] :focus {
outline: none;
}
color: #A09090;
}
-#noResults {
-/* font: message-box;*/
- color: #A09090;
-}
-
.ruleview-rule + .ruleview-rule {
border-top-width: 1px;
border-top-style: dotted;
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;
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 {