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

Use a consistent outline for all UI buttons (PR 15438 follow-up)

Browse Source 
Currently the `viewBookmark`-button, which is actually a `href`-element, gets an inconsistent `outline`.
Similarly, the `dialog`-buttons also have an inconsistent `outline` after the changes in PR 15438.

Finally, simplifies a couple of `border` rules since setting a border-width when "none" is being used doesn't seem meaningful.
This commit is contained in:
Jonas Jenwald 2022-09-24 13:34:40 +02:00
parent 7404091787
commit 616535b7a7
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/viewer.css
View File

@ -71,7 +71,7 @@
--doorhanger-hover-color: rgba(12, 12, 13, 1); --doorhanger-hover-color: rgba(12, 12, 13, 1);
--doorhanger-hover-bg-color: rgba(237, 237, 237, 1); --doorhanger-hover-bg-color: rgba(237, 237, 237, 1);
--doorhanger-separator-color: rgba(222, 222, 222, 1); --doorhanger-separator-color: rgba(222, 222, 222, 1);
--dialog-button-border: 0 none; --dialog-button-border: none;
--dialog-button-bg-color: rgba(12, 12, 13, 0.1); --dialog-button-bg-color: rgba(12, 12, 13, 0.1);
--dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3); --dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3);
@ -700,10 +700,11 @@ body {
.toolbarButton, .toolbarButton,
.secondaryToolbarButton, .secondaryToolbarButton,
.dialogButton { .dialogButton {
border: 0 none; border: none;
background: none; background: none;
width: 28px; width: 28px;
height: 28px; height: 28px;
outline: none;
} }
.dialogButton:hover, .dialogButton:hover,
@ -1096,7 +1097,7 @@ a.secondaryToolbarButton[href="#"] {
color: var(--field-color); color: var(--field-color);
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 16px;
outline-style: none; outline: none;
} }
.toolbarField[type="checkbox"] { .toolbarField[type="checkbox"] {