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

Merge pull request #16314 from Snuffleupagus/pdfViewer-CSS-is

Browse Source 
Introduce some `:is` usage in the PDFViewer CSS
This commit is contained in:
Jonas Jenwald 2023-04-19 15:28:53 +02:00 committed by GitHub
commit 36ff19c53b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web/pdf_viewer.css
View File

@ -105,8 +105,7 @@
} }
/*#endif*/ /*#endif*/
.pdfViewer.scrollHorizontal, .pdfViewer:is(.scrollHorizontal, .scrollWrapped),
.pdfViewer.scrollWrapped,
.spread { .spread {
margin-inline: 3.5px; margin-inline: 3.5px;
text-align: center; text-align: center;
@ -120,31 +119,24 @@
/*#if GENERIC*/ /*#if GENERIC*/
.pdfViewer.removePageBorders, .pdfViewer.removePageBorders,
/*#endif*/ /*#endif*/
.pdfViewer.scrollHorizontal .spread, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {
.pdfViewer.scrollWrapped .spread {
margin-inline: 0; margin-inline: 0;
} }
.spread .page, .spread :is(.page, .dummyPage),
.spread .dummyPage, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.spread .page, .spread .page,
.pdfViewer.scrollHorizontal .page, .pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {
.pdfViewer.scrollWrapped .page {
margin-inline: var(--spreadHorizontalWrapped-margin-LR); margin-inline: var(--spreadHorizontalWrapped-margin-LR);
} }
/*#if GENERIC*/ /*#if GENERIC*/
.pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page, .pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {
.pdfViewer.removePageBorders.scrollWrapped .page {
margin-inline: 5px; margin-inline: 5px;
} }
/*#endif*/ /*#endif*/