.theme-dark,
.theme-firebug {
--rule-highlight-background-color: #402000;
- --rule-filter-icon: url(images/magnifying-glass.png);
}
/* Rule View Tabpanel */
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 {
-moz-user-select: text;
overflow: auto;
flex: auto;
+ height: 100%;
+}
+
+/* This extra wrapper only serves as a way to get the content of the view focusable.
+ So that when the user reaches it either via keyboard or mouse, we know that the view
+ is focused and therefore can handle shortcuts.
+ However, for accessibility reasons, tabindex is set to -1 to avoid having to tab
+ through it, and the outline is hidden. */
+#ruleview-container-focusable {
+ height: 100%;
+ outline: none;
}
#ruleview-container.non-interactive {
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;
}
.ruleview-overridden-rule-filter {
- background-image: var(--rule-filter-icon);
+ background-image: url(images/filter.svg#filterinput);
background-size: 11px 11px;
margin-inline-start: 5px;
display: inline-block;
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 {