From 589a5c302b2b992b0f9241d1496b1e95962fb1ef Mon Sep 17 00:00:00 2001
From: Janne Koschinski <janne@kuschku.de>
Date: Sun, 18 Mar 2018 20:16:28 +0100
Subject: [PATCH] Improved mobile UI

---
 assets/sass/{_nav.sass => _navigation.sass} | 3 +++
 assets/sass/style.sass                      | 2 +-
 templates/_navigation.html                  | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)
 rename assets/sass/{_nav.sass => _navigation.sass} (91%)

diff --git a/assets/sass/_nav.sass b/assets/sass/_navigation.sass
similarity index 91%
rename from assets/sass/_nav.sass
rename to assets/sass/_navigation.sass
index 97b9f4d..1432055 100644
--- a/assets/sass/_nav.sass
+++ b/assets/sass/_navigation.sass
@@ -17,6 +17,9 @@ nav
     li
       display: block
       line-height: 24px
+      .images, .albums
+        @media (max-width: 640px)
+          display: none
       &.title, &.title > *
         font-size: 24px
         color: #FFC107
diff --git a/assets/sass/style.sass b/assets/sass/style.sass
index 0139a63..11541bd 100644
--- a/assets/sass/style.sass
+++ b/assets/sass/style.sass
@@ -29,7 +29,7 @@ body
   width: 100%
   max-width: 640px
 
-@import "nav"
+@import "navigation"
 @import "page_upload"
 @import "page_image_detail"
 @import "page_image_list"
diff --git a/templates/_navigation.html b/templates/_navigation.html
index c12a78f..537f536 100644
--- a/templates/_navigation.html
+++ b/templates/_navigation.html
@@ -7,8 +7,8 @@
     {{end}}
         <li class="spacer"></li>
     {{if .HasRole "imghost:user" }}
-        <li><a href="/me/images">My Images</a></li>
-        <li><a href="/me/albums">My Albums</a></li>
+        <li class="images"><a href="/me/images">My Images</a></li>
+        <li class="albums"><a href="/me/albums">My Albums</a></li>
         <li class="me"><a href="https://accounts.kuschku.de/profile">{{.Name}}</a></li>
     {{else if .Id }}
         <li class="me"><a href="https://accounts.kuschku.de/profile">{{.Name}}</a></li>
-- 
GitLab