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;
}
html {
html,
body {
height: 100%;
width: 100%;
}
body {
height: 100%;
width: 100%;
background-color: var(--body-bg-color);
}
@ -200,9 +199,7 @@ select {
scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color);
}
.hidden {
display: none !important;
}
.hidden,
[hidden] {
display: none !important;
}
@ -251,11 +248,6 @@ select {
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.sidebarOpen #sidebarContainer {
visibility: visible;
@ -298,11 +290,6 @@ select {
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) {
inset-inline-start: var(--sidebar-width);
transition-property: inset-inline-start;
@ -373,11 +360,6 @@ select {
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 {
position: absolute;
top: 0;
@ -421,6 +403,13 @@ select {
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,
.secondaryToolbar {
top: 32px;