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

Introduce inset-block usage in the viewer CSS

Browse Source 
Given that the viewer always set the `dir`-attribute, to either LTR or RTL, we should be able to use this logical CSS property to (very slightly) reduce the size of the CSS; please see https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block
This commit is contained in:
Jonas Jenwald 2023-03-20 16:34:29 +01:00
parent b1e0253f29
commit a3ab2f6790
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/viewer.css
View File

@ -258,8 +258,7 @@ body {
#sidebarContainer {
position: absolute;
top: 32px;
bottom: 0;
inset-block: 32px 0;
inset-inline-start: calc(-1 * var(--sidebar-width));
width: var(--sidebar-width);
visibility: hidden;
@ -290,8 +289,7 @@ body {
}
#sidebarContent {
top: 32px;
bottom: 0;
inset-block: 32px 0;
inset-inline-start: 0;
overflow: auto;
position: absolute;
@ -361,8 +359,7 @@ body {
#sidebarResizer {
position: absolute;
top: 0;
bottom: 0;
inset-block: 0;
inset-inline-end: -6px;
width: 6px;
z-index: 200;
@ -1173,8 +1170,7 @@ a.secondaryToolbarButton[href="#"] {
#layersView {
position: absolute;
width: calc(100% - 8px);
top: 0;
bottom: 0;
inset-block: 0;
padding: 4px 4px 0;
overflow: auto;
user-select: none;