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 <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>

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

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 {