[styles] Sidebar can now be hidden in desktop "mode"

1 files changed, 19 insertions, 7 deletions

diff --git a/src/styles.css b/src/styles.css
index 99a9376..08d5a75 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -445,9 +445,22 @@ a[rev="footnote"] {
 /* Script-specific styling */
 
 #expandNavbarBtn {
+  float: right;
+}
+
+.sidebar-hidden {
+  min-height: auto;
+  position: absolute;
+}
+
+.sidebar-hidden > :not(.header) {
   display: none;
 }
 
+.sidebar-hidden + .noMaxWidth {
+  margin-top: 5em;
+}
+
 /* Small screen support */
 
 @media screen and (max-width: 610px) {
@@ -472,22 +485,21 @@ a[rev="footnote"] {
     max-width: initial;
     margin-right: 8px;
     padding-right: 1em;
-    min-height: auto;
   }
-
+  .sidebar-hidden {
+    position: initial;
+  }
   .sidebar-hidden > :not(.header) {
     display: none;
   }
+  .sidebar-hidden + .noMaxWidth {
+    margin-top: 0;
+  }
 
   table td, table th {
     word-break: break-all;
   }
 
-  #expandNavbarBtn {
-    display: initial;
-    float: right;
-  }
-
   #changeWidthBtn {
     display: none;
   }