Merge pull request #14795 from Snuffleupagus/CSS-reduce-duplication

Reduce more duplication in the CSS
mozilla · Apr 19, 2022 · a115d17 · a115d17
2 parents b34fb94 + 1ea9740
commit a115d17
Showing 1 changed file with 10 additions and 21 deletions.
diff --git 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;