X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fdevtools%2Frules.css;fp=LCARStrek%2Fdevtools%2Frules.css;h=e104d3ac19af0ea8c9f43b50377f9a6bb3c10209;hp=84a65baedfda3d25498433c875d47226e0d07814;hb=1e9e1791d430ae539727c01da67e7dbbf3adfa18;hpb=5d91f988780d79a9b7e08efa72f2ff1212793bba

diff --git a/LCARStrek/devtools/rules.css b/LCARStrek/devtools/rules.css
index 84a65bae..e104d3ac 100644
--- 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;