feature: mobile header wip

2021-01-15 14:00:06 +01:00
parent 01fa6ff5a0
commit 8373a42d04
4 changed files with 94 additions and 5 deletions
--- a/src/styles/left-nav/_index.scss
+++ b/src/styles/left-nav/_index.scss
@ -1,4 +1,4 @@
-nav {
+nav#main__menu {
  height: calc(100vh - 72px);

  .unread {
@ -78,5 +78,28 @@ nav {
    padding-left: 20px;
    width: 87%;
  }
+
+  &.jsLeftMenu {
+    display: none;
+
+    @media(min-width: 1024px) {
+      display: block;
+    }
+  }
+
+  &.jsLeftMenu[open] {
+    display: block;
+    bottom: 0;
+    box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
+    width: 80vw;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 1000;
+
+    @media(min-width: 1024px) {
+      display: none;
+    }
+  }
 }