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

Remove unnecessary toolbarButton icon-flipping in RTL mode (PR 11077 follow-up)

Browse Source 
With the updated default viewer UI, a couple of the toolbarButton icons are now *vertically* symmetrical; hence we can remove some now unneeded `transform: scaleX(-1);` rules from the viewer CSS.
This commit is contained in:
Jonas Jenwald 2021-01-02 13:54:04 +01:00
parent c3e02b3471
commit 5cb31a7ab6
1 changed files with 0 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/viewer.css
View File

@ -1000,33 +1000,21 @@ html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before {
-webkit-mask-image: var(--findbarButton-previous-icon); -webkit-mask-image: var(--findbarButton-previous-icon);
mask-image: var(--findbarButton-previous-icon); mask-image: var(--findbarButton-previous-icon);
} }
html[dir="rtl"] .toolbarButton.findPrevious::before {
transform: scaleX(-1);
}
.toolbarButton.findNext::before { .toolbarButton.findNext::before {
-webkit-mask-image: var(--findbarButton-next-icon); -webkit-mask-image: var(--findbarButton-next-icon);
mask-image: var(--findbarButton-next-icon); mask-image: var(--findbarButton-next-icon);
} }
html[dir="rtl"] .toolbarButton.findNext::before {
transform: scaleX(-1);
}
.toolbarButton.pageUp::before { .toolbarButton.pageUp::before {
-webkit-mask-image: var(--toolbarButton-pageUp-icon); -webkit-mask-image: var(--toolbarButton-pageUp-icon);
mask-image: var(--toolbarButton-pageUp-icon); mask-image: var(--toolbarButton-pageUp-icon);
} }
html[dir="rtl"] .toolbarButton.pageUp::before {
transform: scaleX(-1);
}
.toolbarButton.pageDown::before { .toolbarButton.pageDown::before {
-webkit-mask-image: var(--toolbarButton-pageDown-icon); -webkit-mask-image: var(--toolbarButton-pageDown-icon);
mask-image: var(--toolbarButton-pageDown-icon); mask-image: var(--toolbarButton-pageDown-icon);
} }
html[dir="rtl"] .toolbarButton.pageDown::before {
transform: scaleX(-1);
}
.toolbarButton.zoomOut::before { .toolbarButton.zoomOut::before {
-webkit-mask-image: var(--toolbarButton-zoomOut-icon); -webkit-mask-image: var(--toolbarButton-zoomOut-icon);