From 68bda90777418a938adbb6996765a762abffac72 Mon Sep 17 00:00:00 2001 From: Tim van der Meij Date: Mon, 12 Aug 2024 19:47:46 +0200 Subject: [PATCH] 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 --- web/viewer.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/web/viewer.css b/web/viewer.css index f4c9feba62260..48c31ce811d11 100644 --- 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);