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

Reduce more duplication in the CSS

Browse Source 
This patch combines a couple of different CSS rules, thus reducing the overall size of the file.
This commit is contained in:
Jonas Jenwald 2022-04-17 13:52:57 +02:00
parent 379125c37f
commit 1ea9740fdb
1 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/viewer.css
View File

@ -180,14 +180,13 @@
margin: 0; margin: 0;
} }
html { html,
body {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
body { body {
height: 100%;
width: 100%;
background-color: var(--body-bg-color); background-color: var(--body-bg-color);
} }
@ -200,9 +199,7 @@ select {
scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color); scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
} }
.hidden { .hidden,
display: none !important;
}
[hidden] { [hidden] {
display: none !important; display: none !important;
} }
@ -251,11 +248,6 @@ select {
transition-timing-function: var(--sidebar-transition-timing-function); transition-timing-function: var(--sidebar-transition-timing-function);
} }
#outerContainer.sidebarResizing #sidebarContainer {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
transition-duration: 0s;
}
#outerContainer.sidebarMoving #sidebarContainer, #outerContainer.sidebarMoving #sidebarContainer,
#outerContainer.sidebarOpen #sidebarContainer { #outerContainer.sidebarOpen #sidebarContainer {
visibility: visible; visibility: visible;
@ -298,11 +290,6 @@ select {
transition-timing-function: var(--sidebar-transition-timing-function); transition-timing-function: var(--sidebar-transition-timing-function);
} }
#outerContainer.sidebarResizing #viewerContainer {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
transition-duration: 0s;
}
#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
inset-inline-start: var(--sidebar-width); inset-inline-start: var(--sidebar-width);
transition-property: inset-inline-start; transition-property: inset-inline-start;
@ -373,11 +360,6 @@ select {
inset-inline-start: var(--sidebar-width); inset-inline-start: var(--sidebar-width);
} }
#outerContainer.sidebarResizing #loadingBar {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
transition-duration: 0s;
}
#loadingBar .progress { #loadingBar .progress {
position: absolute; position: absolute;
top: 0; top: 0;
@ -421,6 +403,13 @@ select {
animation: progressIndeterminate 1s linear infinite; animation: progressIndeterminate 1s linear infinite;
} }
#outerContainer.sidebarResizing #sidebarContainer,
#outerContainer.sidebarResizing #viewerContainer,
#outerContainer.sidebarResizing #loadingBar {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
transition-duration: 0s;
}
.findbar, .findbar,
.secondaryToolbar { .secondaryToolbar {
top: 32px; top: 32px;