Improvements on mobile

2017-07-04 14:08:32 +01:00 · 2017-07-04 14:08:32 +01:00 · b42b3c6491
parent 9ffc6c3d89
commit b42b3c6491
2 changed files with 20 additions and 5 deletions
--- a/_assets/src/css/listing.css
+++ b/_assets/src/css/listing.css
@ -1,8 +1,3 @@
-#listing {
-    max-width: calc(100% - 1.2em);
-    width: 100%;
-}
-
 #listing h2 {
    margin: 0 0 0 0.5em;
    font-size: .9em;
--- a/_assets/src/css/mobile.css
+++ b/_assets/src/css/mobile.css
@ -10,3 +10,23 @@
    width: calc(100% - 13em)
  }
 }
+
+@media (max-width: 736px) {
+  nav {
+    top: 0;
+    z-index: 9999;
+    background: #fff;
+    height: 100%;
+    width: 13em;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+  }
+
+  #listing.list .item.header, main {
+    width: calc(100% - 2em);
+  }
+
+  main {
+    margin: 0 1em;
+    width: calc(100% - 2em);
+  }
+}