From 1efe41c24871d3110ef0b2c15d500cfd6ce25449 Mon Sep 17 00:00:00 2001 From: Jonas Jenwald Date: Sun, 19 Mar 2023 12:31:34 +0100 Subject: [PATCH] Use `margin-inline` in the `web/pdf_viewer.css` file (PR 14670 follow-up) 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 --- web/pdf_viewer.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) diff --git a/web/pdf_viewer.css b/web/pdf_viewer.css index e7e51a523..e20a796b1 100644 --- a/web/pdf_viewer.css +++ b/web/pdf_viewer.css @@ -99,8 +99,7 @@ .pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread { - margin-left: 3.5px; - margin-right: 3.5px; + margin-inline: 3.5px; text-align: center; } @@ -114,8 +113,7 @@ /*#endif*/ .pdfViewer.scrollHorizontal .spread, .pdfViewer.scrollWrapped .spread { - margin-left: 0; - margin-right: 0; + margin-inline: 0; } .spread .page, @@ -131,16 +129,14 @@ .spread .page, .pdfViewer.scrollHorizontal .page, .pdfViewer.scrollWrapped .page { - margin-left: var(--spreadHorizontalWrapped-margin-LR); - margin-right: var(--spreadHorizontalWrapped-margin-LR); + margin-inline: var(--spreadHorizontalWrapped-margin-LR); } /*#if GENERIC*/ .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders.scrollHorizontal .page, .pdfViewer.removePageBorders.scrollWrapped .page { - margin-left: 5px; - margin-right: 5px; + margin-inline: 5px; } /*#endif*/