Quellcode durchsuchen

Fix menu buttons on big screen

ghorsington vor 4 Jahren
Ursprung
Commit
490f4a3946
2 geänderte Dateien mit 20 neuen und 1 gelöschten Zeilen
  1. 19 0
      src/static/style/main.scss
  2. 1 1
      src/templates/nav.html

+ 19 - 0
src/static/style/main.scss

@@ -15,6 +15,25 @@ $menu-label-color: hsl(0, 0%, 96%);
   }
 }
 
+@media (min-width: $tablet) {
+  nav {
+    position: fixed !important;
+    top: 0;
+    width: 100%;
+  }
+
+  body {
+    padding-top: $navbar-height;
+  }
+
+  aside#project-menu {
+    position: fixed;
+    width: inherit;
+    top: $navbar-height + $column-gap;
+    padding-right: $column-gap * 3; 
+  }
+}
+
 @media (max-width: $tablet) {
   div#ci-menu {
     padding-right: 1.5rem;

+ 1 - 1
src/templates/nav.html

@@ -1,4 +1,4 @@
-<aside class="menu">
+<aside id="project-menu" class="menu">
     <p class="menu-label">
         Available projects
     </p>