improve side-nav (fixes #115)

- define a min and max width for the sidebar to avoid that the side-nav container can be collapsed by the user into a non-recoverable state - increase sidebar resize handle width to 4px
jothepro · May 30, 2023 · 2959339 · 2959339
1 parent f54bc54
commit 2959339
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/doxygen-awesome-sidebar-only.css b/doxygen-awesome-sidebar-only.css
@@ -81,6 +81,7 @@ html {
     .ui-resizable-handle {
         cursor: default;
         width: 1px !important;
+        background: var(--separator-color);
         box-shadow: 0 calc(-2 * var(--top-height)) 0 0 var(--separator-color);
     }
 

diff --git a/doxygen-awesome.css b/doxygen-awesome.css
@@ -776,6 +776,8 @@ html.dark-mode iframe#MSearchResults {
 #side-nav {
     padding: 0 !important;
     background: var(--side-nav-background);
+    min-width: 8px;
+    max-width: 50vw;
 }
 
 @media screen and (max-width: 767px) {
@@ -863,8 +865,9 @@ html.dark-mode iframe#MSearchResults {
 }
 
 .ui-resizable-e {
-    background: var(--separator-color);
-    width: 1px;
+    width: 4px;
+    background: transparent;
+    box-shadow: inset -1px 0 0 0 var(--separator-color);
 }
 
 /*