From 37034031bb21e14499e965b437e8d338e5101445 Mon Sep 17 00:00:00 2001
From: Matias De lellis <mati86dl@gmail.com>
Date: Tue, 6 Feb 2024 09:44:21 -0300
Subject: [PATCH] Fix mobile navigation...

---
 css/not-vue.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/css/not-vue.css b/css/not-vue.css
index cc2d236..cdf9ef0 100644
--- a/css/not-vue.css
+++ b/css/not-vue.css
@@ -178,4 +178,40 @@
 
 #app-navigation:not(.vue) .collapsible:hover > a, #app-navigation:not(.vue) .collapsible:focus > a {
   background-image: none;
+}
+
+/* mobile.css */
+
+@media only screen and (width < 1024px) {
+
+  #app-navigation:not(.vue) {
+    transform: translateX(-300px);
+    position: fixed;
+    height: var(--body-height);
+  }
+
+  .snapjs-left #app-navigation {
+    transform: translateX(0);
+  }
+
+  #app-navigation:not(.hidden) + #app-content {
+    margin-left: 0;
+  }
+
+  #app-navigation-toggle {
+    position: fixed;
+    display: inline-block !important;
+    left: 0;
+    width: 44px;
+    height: 44px;
+    z-index: 1050;
+    cursor: pointer;
+    opacity: 0.6;
+  }
+
+  #app-navigation-toggle:hover,
+  #app-navigation-toggle:focus {
+    opacity: 1;
+  }
+
 }
\ No newline at end of file