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

Tweak the pageNumber CSS to better support RTL locales

Browse Source 
This effectively implements some of the changes from https://phabricator.services.mozilla.com/D170496, but in such a way that the loading-icon won't overlay the page-number in RTL locales.
This commit is contained in:
Jonas Jenwald 2023-04-08 13:54:46 +02:00
parent 1e9e3cafb8
commit 61860ff56f
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/viewer.css
View File

@ -1115,7 +1115,7 @@ a.secondaryToolbarButton[href="#"] {
#pageNumber { #pageNumber {
-moz-appearance: textfield; /* hides the spinner in moz */ -moz-appearance: textfield; /* hides the spinner in moz */
text-align: right; text-align: end;
width: 40px; width: 40px;
background-size: 0 0; background-size: 0 0;
transition-property: none; transition-property: none;
@ -1123,7 +1123,7 @@ a.secondaryToolbarButton[href="#"] {
#pageNumber.visiblePageIsLoading { #pageNumber.visiblePageIsLoading {
background-image: var(--loading-icon); background-image: var(--loading-icon);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 3px; background-position: calc(50% - 42% * var(--dir-factor));
background-size: 16px 16px; background-size: 16px 16px;
/* Using a delay with background-image doesn't work, /* Using a delay with background-image doesn't work,
consequently we use background-size. */ consequently we use background-size. */