From 61e2eceff610cbef562ee0b3696541a3921d6515 Mon Sep 17 00:00:00 2001
From: Jonas Jenwald <jonas.jenwald@gmail.com>
Date: Thu, 5 Dec 2024 13:07:57 +0100
Subject: [PATCH] Ensure that the `.toggleButton`, as used in the findbar,
 always have visible hover/focus state (issue 19165)

Similar to the regular toolbarButtons that can be toggled, this ensure that it's always possible to tell when the findbar "buttons" are hovered/focused.
---
 web/viewer.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/viewer.css b/web/viewer.css
index 3629d5eb2..71d7dd5f8 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -634,16 +634,16 @@ body {
 .toggleButton {
   display: inline;
 
-  &:is(:hover, :has(> input:focus-visible)) {
-    color: var(--toggled-btn-color);
-    background-color: var(--button-hover-color);
-  }
-
   &:has(> input:checked) {
     color: var(--toggled-btn-color);
     background-color: var(--toggled-btn-bg-color);
   }
 
+  &:is(:hover, :has(> input:focus-visible)) {
+    color: var(--toggled-btn-color);
+    background-color: var(--button-hover-color);
+  }
+
   & > input {
     position: absolute;
     top: 50%;