local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Move the Vikunja logo to the hamburger menu on mobile

Browse source
This commit is contained in:
kolaente 2020-02-09 15:29:55 +01:00
parent 2f2ddb4603
commit 6324fc384b
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/App.vue
View file

@ -49,6 +49,9 @@
<div class="app-container"> <div class="app-container">
<div class="namespace-container" :class="{'is-active': mobileMenuActive}"> <div class="namespace-container" :class="{'is-active': mobileMenuActive}">
<div class="menu top-menu"> <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"> <ul class="menu-list">
<li> <li>
<router-link :to="{ name: 'home'}"> <router-link :to="{ name: 'home'}">

12
src/styles/theme/navigation.scss
View file

@ -25,7 +25,9 @@
@media screen and (max-width: $tablet) { @media screen and (max-width: $tablet) {
.navbar-brand { .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 { .top-menu {