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

Use margin-inline in the web/pdf_viewer.css file (PR 14670 follow-up)

Browse Source 
Given that the viewer always set the `dir`-attribute, we should be able to use logical margins in this CSS file as well; please also see https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline
This commit is contained in:
Jonas Jenwald 2023-03-19 12:31:34 +01:00
parent 9db4509664
commit 1efe41c248
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/pdf_viewer.css
View File

@ -99,8 +99,7 @@
.pdfViewer.scrollHorizontal, .pdfViewer.scrollHorizontal,
.pdfViewer.scrollWrapped, .pdfViewer.scrollWrapped,
.spread { .spread {
margin-left: 3.5px; margin-inline: 3.5px;
margin-right: 3.5px;
text-align: center; text-align: center;
} }
@ -114,8 +113,7 @@
/*#endif*/ /*#endif*/
.pdfViewer.scrollHorizontal .spread, .pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread { .pdfViewer.scrollWrapped .spread {
margin-left: 0; margin-inline: 0;
margin-right: 0;
} }
.spread .page, .spread .page,
@ -131,16 +129,14 @@
.spread .page, .spread .page,
.pdfViewer.scrollHorizontal .page, .pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page { .pdfViewer.scrollWrapped .page {
margin-left: var(--spreadHorizontalWrapped-margin-LR); margin-inline: var(--spreadHorizontalWrapped-margin-LR);
margin-right: var(--spreadHorizontalWrapped-margin-LR);
} }
/*#if GENERIC*/ /*#if GENERIC*/
.pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page, .pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page { .pdfViewer.removePageBorders.scrollWrapped .page {
margin-left: 5px; margin-inline: 5px;
margin-right: 5px;
} }
/*#endif*/ /*#endif*/