mirror of
https://github.com/mozilla/pdf.js.git
synced 2025-04-20 15:18:08 +02:00
Merge pull request #16314 from Snuffleupagus/pdfViewer-CSS-is
Introduce some `:is` usage in the PDFViewer CSS
This commit is contained in:
commit
36ff19c53b
1 changed files with 6 additions and 14 deletions
|
@ -105,8 +105,7 @@
|
|||
}
|
||||
/*#endif*/
|
||||
|
||||
.pdfViewer.scrollHorizontal,
|
||||
.pdfViewer.scrollWrapped,
|
||||
.pdfViewer:is(.scrollHorizontal, .scrollWrapped),
|
||||
.spread {
|
||||
margin-inline: 3.5px;
|
||||
text-align: center;
|
||||
|
@ -120,31 +119,24 @@
|
|||
/*#if GENERIC*/
|
||||
.pdfViewer.removePageBorders,
|
||||
/*#endif*/
|
||||
.pdfViewer.scrollHorizontal .spread,
|
||||
.pdfViewer.scrollWrapped .spread {
|
||||
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .spread {
|
||||
margin-inline: 0;
|
||||
}
|
||||
|
||||
.spread .page,
|
||||
.spread .dummyPage,
|
||||
.pdfViewer.scrollHorizontal .page,
|
||||
.pdfViewer.scrollWrapped .page,
|
||||
.pdfViewer.scrollHorizontal .spread,
|
||||
.pdfViewer.scrollWrapped .spread {
|
||||
.spread :is(.page, .dummyPage),
|
||||
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) :is(.page, .spread) {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.spread .page,
|
||||
.pdfViewer.scrollHorizontal .page,
|
||||
.pdfViewer.scrollWrapped .page {
|
||||
.pdfViewer:is(.scrollHorizontal, .scrollWrapped) .page {
|
||||
margin-inline: var(--spreadHorizontalWrapped-margin-LR);
|
||||
}
|
||||
|
||||
/*#if GENERIC*/
|
||||
.pdfViewer.removePageBorders .spread .page,
|
||||
.pdfViewer.removePageBorders.scrollHorizontal .page,
|
||||
.pdfViewer.removePageBorders.scrollWrapped .page {
|
||||
.pdfViewer.removePageBorders:is(.scrollHorizontal, .scrollWrapped) .page {
|
||||
margin-inline: 5px;
|
||||
}
|
||||
/*#endif*/
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue