From c70adb92ca5f4dc5efcd0e23b80f77873f68221d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Poussard?= <tpoussard@neogeo.fr>
Date: Wed, 29 Sep 2021 09:49:24 +0200
Subject: [PATCH] fix error at click outside document & fix menu full width
---
src/App.vue | 13 ++++++-------
1 file changed, 6 insertions(+), 7 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 715ddb2b..09986a4e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,10 +15,7 @@
<div
id="menu-dropdown"
- :class="[
- 'ui dropdown item',
- { 'active visible': menuIsOpen },
- ]"
+ :class="['ui dropdown item', { 'active visible': menuIsOpen }]"
@click="menuIsOpen = !menuIsOpen"
>
<!-- empty span to occupy space for style if no project -->
@@ -27,7 +24,7 @@
</span>
<i class="dropdown icon"></i>
<div
- :class="['menu', { 'visible transition': menuIsOpen }]"
+ :class="['menu dropdown-list', { 'visible transition': menuIsOpen }]"
style="z-index: 401"
>
<router-link
@@ -207,7 +204,8 @@ export default {
},
clickOutsideMenu(e) {
- if (!e.target.closest("#menu-dropdown")) this.menuIsOpen = false;
+ if (e.target.closest && !e.target.closest("#menu-dropdown"))
+ this.menuIsOpen = false;
},
},
@@ -277,8 +275,9 @@ footer {
.desktop {
display: none !important;
}
- div.menu {
+ div.dropdown-list {
width: 100vw;
+ left: -70px !important; /* should be the same than belows */
}
.menu.container a.header {
width: 70px;
--
GitLab