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

Merge pull request #11664 from Snuffleupagus/bug-1619595

Browse Source 
Prevent the zoom dropdown icon from being overridden when the element is `:active` (bug 1619595)
This commit is contained in:
Tim van der Meij 2020-03-04 23:12:33 +01:00 committed by GitHub
commit 25693c6b6d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/viewer.css
View File

@ -564,6 +564,9 @@ html[dir='rtl'] .splitToolbarButton > .toolbarButton {
0 0 1px rgba(0, 0, 0, 0.05); 0 0 1px rgba(0, 0, 0, 0.05);
z-index: 199; z-index: 199;
} }
.dropdownToolbarButton:hover {
background-color: rgba(0, 0, 0, 0.26);
}
.splitToolbarButton > .toolbarButton { .splitToolbarButton > .toolbarButton {
position: relative; position: relative;
} }
@ -699,13 +702,18 @@ html[dir='rtl'] .dropdownToolbarButton {
width: 140px; width: 140px;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background: url(images/toolbarButton-menuArrows.png) no-repeat;
} }
html[dir='ltr'] .dropdownToolbarButton { .dropdownToolbarButton::after {
background-position: 95%; position: absolute;
display: inline-block;
top: 4px;
content: url(images/toolbarButton-menuArrows.png);
} }
html[dir='rtl'] .dropdownToolbarButton { html[dir='ltr'] .dropdownToolbarButton::after {
background-position: 5%; right: 8px;
}
html[dir='rtl'] .dropdownToolbarButton::after {
left: 8px;
} }
.dropdownToolbarButton > select { .dropdownToolbarButton > select {
@ -1593,9 +1601,16 @@ html[dir='rtl'] #documentPropertiesOverlay .row > * {
background-size: 16px 17px; background-size: 16px 17px;
} }
.dropdownToolbarButton { .dropdownToolbarButton::after {
background: url(images/toolbarButton-menuArrows@2x.png) no-repeat; transform: scale(0.5);
background-size: 7px 16px; top: -5px;
content: url(images/toolbarButton-menuArrows@2x.png);
}
html[dir='ltr'] .dropdownToolbarButton::after {
right: 4px;
}
html[dir='rtl'] .dropdownToolbarButton::after {
left: 4px;
} }
html[dir='ltr'] .toolbarButton#sidebarToggle::before { html[dir='ltr'] .toolbarButton#sidebarToggle::before {