fix: show Account menu on top of toast notifications (#380)

NethServer · Oct 4, 2024 · eeea321 · eeea321
1 parent 71773bf
commit eeea321
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -28,7 +28,7 @@
     "@nethesis/nethesis-brands-svg-icons": "github:nethesis/Font-Awesome#ns-brands",
     "@nethesis/nethesis-light-svg-icons": "github:nethesis/Font-Awesome#ns-light",
     "@nethesis/nethesis-solid-svg-icons": "github:nethesis/Font-Awesome#ns-solid",
-    "@nethesis/vue-components": "^1.4.0",
+    "@nethesis/vue-components": "^1.5.0",
     "@types/lodash-es": "^4.17.12",
     "@vuepic/vue-datepicker": "^7.2.2",
     "@vueuse/core": "^10.5.0",

diff --git a/src/components/controller/ControllerTopBar.vue b/src/components/controller/ControllerTopBar.vue
@@ -152,6 +152,7 @@ function openNotificationsDrawer() {
               :items="accountMenuOptions"
               :alignToRight="true"
               :openMenuAriaLabel="t('common.shell.open_user_menu')"
+              menuClasses="!z-[150]"
             >
               <template #button>
                 <button type="button" :class="['-m-2.5 flex p-2.5', topBarButtonsColorClasses]">

diff --git a/src/components/standalone/StandaloneTopBar.vue b/src/components/standalone/StandaloneTopBar.vue
@@ -228,6 +228,7 @@ function openNotificationsDrawer() {
               :items="accountMenuOptions"
               :alignToRight="true"
               :openMenuAriaLabel="t('common.shell.open_user_menu')"
+              menuClasses="!z-[150]"
             >
               <template #button>
                 <button type="button" :class="['-m-2.5 flex p-2.5', topBarButtonsColorClasses]">