From 1ea9740fdb8288f24007d55a68e9e220b9c5f550 Mon Sep 17 00:00:00 2001
From: Jonas Jenwald <jonas.jenwald@gmail.com>
Date: Sun, 17 Apr 2022 13:52:57 +0200
Subject: [PATCH] Reduce more duplication in the CSS
This patch combines a couple of different CSS rules, thus reducing the overall size of the file.
---
web/viewer.css | 31 ++++++++++---------------------
1 file changed, 10 insertions(+), 21 deletions(-)
diff --git a/web/viewer.css b/web/viewer.css
index f667f5b98..02a29acbf 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -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;