Beanz/pdf.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ensure that the .toggleButton, as used in the findbar, always have visible hover/focus state (issue 19165)

Browse Source 
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.
This commit is contained in:
Jonas Jenwald 2024-12-05 13:07:57 +01:00
parent 2ad8f6155c
commit 61e2eceff6
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/viewer.css
View File

@ -634,16 +634,16 @@ body {
.toggleButton { .toggleButton {
display: inline; display: inline;
&:is(:hover, :has(> input:focus-visible)) {
color: var(--toggled-btn-color);
background-color: var(--button-hover-color);
}
&:has(> input:checked) { &:has(> input:checked) {
color: var(--toggled-btn-color); color: var(--toggled-btn-color);
background-color: var(--toggled-btn-bg-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 { & > input {
position: absolute; position: absolute;
top: 50%; top: 50%;