make both Nightly devtools and 48/49 devtools work well

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

diff --git a/LCARStrek/devtools/rules.css b/LCARStrek/devtools/rules.css
index 84a65baedfda3d25498433c875d47226e0d07814..e104d3ac19af0ea8c9f43b50377f9a6bb3c10209 100644 (file)
--- a/LCARStrek/devtools/rules.css
+++ b/LCARStrek/devtools/rules.css
@@ -7,7 +7,6 @@
 .theme-dark,
 .theme-firebug {
   --rule-highlight-background-color: #402000;
-  --rule-filter-icon: url(images/magnifying-glass.png);
 }
 
 /* Rule View Tabpanel */
@@ -73,6 +72,17 @@
   -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 {
@@ -283,7 +293,7 @@
 }
 
 .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;