From 3c3d6a4af35fac27eadcf450d789d5f78cdbce9b Mon Sep 17 00:00:00 2001 From: azymondrian Date: Thu, 17 Dec 2020 11:45:26 +0000 Subject: [PATCH] Mobile Menu Fixes (#332) 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 Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/332 Reviewed-by: konrad Co-Authored-By: azymondrian Co-Committed-By: azymondrian --- src/components/home/navigation.vue | 3 +++ src/styles/theme/content.scss | 5 +++++ 2 files changed, 8 insertions(+) diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue index d94d27bb..0dd6b337 100644 --- a/src/components/home/navigation.vue +++ b/src/components/home/navigation.vue @@ -153,6 +153,9 @@ export default { created() { window.addEventListener('resize', this.resize) }, + mounted() { + this.resize() + }, methods: { toggleFavoriteList(list) { // The favorites pseudo list is always favorite diff --git a/src/styles/theme/content.scss b/src/styles/theme/content.scss index d63b1251..45ee2ff6 100644 --- a/src/styles/theme/content.scss +++ b/src/styles/theme/content.scss @@ -16,6 +16,11 @@ margin-left: 0; padding-top: 1.5em; min-height: calc(100vh - 4rem); + + &.is-menu-enabled { + min-width: 100%; + margin-left: 0; + } } .card {