Snappier transition for mobile collapsible menu/sidebar

fablab-luenen · Oct 22, 2021 · 8a6645a · 8a6645a
1 parent 9d0c9dc
commit 8a6645a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 2 deletions.
diff --git a/assets/css/doku.css b/assets/css/doku.css
@@ -25220,4 +25220,8 @@ a :active, a :focus, a .active {
   width: 2rem;
 }
 
+html .collapsing {
+  transition: height 0.4s cubic-bezier(0.25, 0, 0, 1);
+}
+
 /*# sourceMappingURL=doku.css.map */
diff --git a/assets/css/doku.css.map b/assets/css/doku.css.map
diff --git a/assets/css/doku.scss b/assets/css/doku.scss
@@ -1127,4 +1127,9 @@ a {
         height: 2rem;
         width: 2rem;
     }
+}
+
+// Snappier transition for collapsible sidebar (narrow view)
+html .collapsing {
+    transition: height 0.4s cubic-bezier( 0.25, 0, 0, 1);
 }
diff --git a/main.php b/main.php
@@ -153,7 +153,7 @@ class="nav-link-inner--text"><?php tpl_link(wl(), $conf['title'], 'accesskey="h"
 					$buffer = ob_get_clean();
 					?>
 
-					<!-- left sidebar -->
+					<!-- left sidebar, which can become a collapsible page menu on narrow screens -->
 					<div class="col-12 col-md-3 col-xl-2 ct-sidebar">
 						<nav class="collapse ct-links" id="ct-docs-nav">
 							<?php if ($showSidebar): ?>