From 6324fc384b14a5c563cf53a15c672da00c526a30 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 9 Feb 2020 15:29:55 +0100
Subject: [PATCH] Move the Vikunja logo to the hamburger menu on mobile

---
 src/App.vue                      |  3 +++
 src/styles/theme/navigation.scss | 12 +++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 8e6cbb9e..0e882678 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -49,6 +49,9 @@
 				<div class="app-container">
 					<div class="namespace-container" :class="{'is-active': mobileMenuActive}">
 						<div class="menu top-menu">
+							<router-link :to="{name: 'home'}" class="logo">
+								<img src="/images/logo-full.svg" alt="Vikunja"/>
+							</router-link>
 							<ul class="menu-list">
 								<li>
 									<router-link :to="{ name: 'home'}">
diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss
index e85bd4e3..1039b1e3 100644
--- a/src/styles/theme/navigation.scss
+++ b/src/styles/theme/navigation.scss
@@ -25,7 +25,9 @@
 
     @media screen and (max-width: $tablet) {
       .navbar-brand {
-        margin-left: 3em;
+        // This prevents the user icon from snapping to the left into the menu button
+        width: 0;
+        overflow: hidden;
       }
     }
 
@@ -197,6 +199,14 @@
           }
         }
       }
+
+      .logo {
+        display: none;
+
+        @media screen and (max-width: $tablet) {
+          display: block;
+        }
+      }
     }
 
     .top-menu {