Gather related sections

piroor · Aug 8, 2023 · 892f693 · 892f693
1 parent 25f2e8f
commit 892f693
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/webextensions/sidebar/styles/twisty.css b/webextensions/sidebar/styles/twisty.css
@@ -29,6 +29,21 @@ tab-item.collapsed tab-twisty {
   pointer-events: none !important;
 }
 
+tab-item:not(.collapsed).subtree-collapsed tab-twisty {
+  opacity: 0.9;
+}
+tab-item:not(.collapsed).subtree-collapsed tab-twisty:hover {
+  opacity: 1;
+}
+
+tab-item:not(.collapsed):not(.subtree-collapsed) tab-twisty {
+  opacity: 0.9;
+}
+tab-item:not(.collapsed):not(.subtree-collapsed) tab-twisty:hover {
+  opacity: 1;
+}
+
+
 tab-item:not(.collapsed) tab-twisty::before {
   -moz-context-properties: fill;
   background: url("./icons/ArrowheadDown.svg") no-repeat center / 60%;
@@ -47,21 +62,6 @@ tab-item:not(.collapsed) tab-twisty::before {
   mask: url("./icons/ArrowheadDown.svg") no-repeat center / 60%;
 }
 
-tab-item:not(.collapsed).subtree-collapsed tab-twisty {
-  opacity: 0.9;
-}
-tab-item:not(.collapsed).subtree-collapsed tab-twisty:hover {
-  opacity: 1;
-}
-
-tab-item:not(.collapsed):not(.subtree-collapsed) tab-twisty {
-  opacity: 0.9;
-}
-tab-item:not(.collapsed):not(.subtree-collapsed) tab-twisty:hover {
-  opacity: 1;
-}
-
-
 :root.animation tab-item:not(.collapsed) tab-twisty::before {
   transition: transform 0.2s ease-out,
               opacity 0.15s ease-out;