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

Mobile Menu Fixes (#332)

Browse source 
Fix main body overflow on medium screen sizes

Remove wait for done button in cypress test

Add wait for done button in cypress test

Calc whether menu should be open on first page load

Mobile Menu fixes

- Doesn't scrunch the main content on opening the menu
- Keep main content aligned left when the menu is open

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/332
Reviewed-by: konrad <konrad@kola-entertainments.de>
Co-Authored-By: azymondrian <azymondrian@protonmail.com>
Co-Committed-By: azymondrian <azymondrian@protonmail.com>
This commit is contained in:
azymondrian 2020-12-17 11:45:26 +00:00 committed by konrad
parent 8e2b5d3bdd
commit 3c3d6a4af3
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/home/navigation.vue
View file

@ -153,6 +153,9 @@ export default {
created() { created() {
window.addEventListener('resize', this.resize) window.addEventListener('resize', this.resize)
}, },
mounted() {
this.resize()
},
methods: { methods: {
toggleFavoriteList(list) { toggleFavoriteList(list) {
// The favorites pseudo list is always favorite // The favorites pseudo list is always favorite

5
src/styles/theme/content.scss
View file

@ -16,6 +16,11 @@
margin-left: 0; margin-left: 0;
padding-top: 1.5em; padding-top: 1.5em;
min-height: calc(100vh - 4rem); min-height: calc(100vh - 4rem);
&.is-menu-enabled {
min-width: 100%;
margin-left: 0;
}
} }
.card { .card {