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

Merge pull request #14835 from Snuffleupagus/CSS-cleanup-separators

Browse Source 
Clean-up some CSS rules for the various toolbar separators
This commit is contained in:
Tim van der Meij 2022-04-27 14:32:23 +02:00 committed by GitHub
commit b72a448327
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/viewer.css
View File

@ -625,11 +625,8 @@ select {
.splitToolbarButton > .toolbarButton:hover, .splitToolbarButton > .toolbarButton:hover,
.splitToolbarButton > .toolbarButton:focus-visible, .splitToolbarButton > .toolbarButton:focus-visible,
.dropdownToolbarButton:hover, .dropdownToolbarButton:hover {
.toolbarButton.textButton:hover,
.toolbarButton.textButton:focus-visible {
background-color: var(--button-hover-color); background-color: var(--button-hover-color);
z-index: 199;
} }
.splitToolbarButton > .toolbarButton { .splitToolbarButton > .toolbarButton {
position: relative; position: relative;
@ -641,12 +638,10 @@ select {
.splitToolbarButtonSeparator { .splitToolbarButtonSeparator {
float: inline-start; float: inline-start;
padding: 10px 0;
width: 1px;
background-color: var(--separator-color);
z-index: 99;
display: inline-block;
margin: 4px 0; margin: 4px 0;
width: 1px;
height: 20px;
background-color: var(--separator-color);
} }
.toolbarButton, .toolbarButton,
@ -961,18 +956,17 @@ select {
.verticalToolbarSeparator { .verticalToolbarSeparator {
display: block; display: block;
padding: 11px 0;
margin: 5px 2px; margin: 5px 2px;
width: 1px; width: 1px;
height: 22px;
background-color: var(--separator-color); background-color: var(--separator-color);
} }
.horizontalToolbarSeparator { .horizontalToolbarSeparator {
display: block; display: block;
margin: 6px 0 5px; margin: 6px 0;
height: 1px; height: 1px;
width: 100%; width: 100%;
border-top: 1px solid var(--doorhanger-separator-color); background-color: var(--doorhanger-separator-color);
} }
.toolbarField { .toolbarField {