Improve grouping of the secondary toolbar button CSS rules

Using the `:is(a)` selector we can move the previously separate rules into the main `.toolbarButton` override rules. Co-authored-by: Calixte Denizet <[email protected]>
timvandermeij · Aug 12, 2024 · 68bda90 · 68bda90
1 parent 2a982e7
commit 68bda90
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/web/viewer.css b/web/viewer.css
@@ -1247,6 +1247,16 @@ dialog :link {
     white-space: normal;
     width: auto;
 
+    &:is(a) {
+      padding-top: 5px;
+      text-decoration: none;
+
+      &[href="#"] {
+        opacity: 0.5;
+        pointer-events: none;
+      }
+    }
+
     &::before {
       inset-inline-start: 12px;
       opacity: var(--doorhanger-icon-opacity);
@@ -1264,16 +1274,6 @@ dialog :link {
     }
   }
 
-  a.toolbarButton {
-    padding-top: 5px;
-    text-decoration: none;
-
-    &[href="#"] {
-      opacity: 0.5;
-      pointer-events: none;
-    }
-  }
-
   #secondaryToolbarButtonContainer {
     margin-bottom: -4px;
     max-height: calc(var(--viewer-container-height) - 40px);