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

Fix various :hover effects in the findbar (PR 11077 follow-up)

Browse Source 
This patch:
 - Removes the :hover effect from the `findMsg` element, since it's a simple span and clicking it *obviously* does nothing.
 - Given the way that the checkboxes are visually hidden, with `opacity: 0;` and absolute positioning, they are unfortunately still focusable (fixed by adding `pointer-events: none;`). To reproduce this, in `master`: Place the mouse pointer over the upper left-hand corner of the "Highlight all"-option, and notice that the :hover effect vanishes and clicking toggles the "Match case"-option instead.
This commit is contained in:
Jonas Jenwald 2020-08-29 15:27:00 +02:00
parent eb3654e278
commit 931f2cff1e
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/viewer.css
View File

@ -531,11 +531,15 @@ html[dir='rtl'] .findbar .splitToolbarButton > .findNext {
border-top-right-radius: 0; border-top-right-radius: 0;
} }
.findbar input[type="checkbox"] {
pointer-events: none;
}
.findbar label { .findbar label {
user-select: none; user-select: none;
} }
.findbar .toolbarLabel:hover, .findbar label:hover, .findbar label:hover,
.findbar input:focus + label { .findbar input:focus + label {
background-color: var(--button-hover-color); background-color: var(--button-hover-color);
} }