[web] Avoid hiding the top navigation bar when the player menu is displayed

This commit is contained in:
Alain Nussbaumer
2025-06-06 21:29:23 +02:00
parent 4bd8736346
commit 5dc748baf5
5 changed files with 30 additions and 36 deletions

View File

@@ -47,6 +47,6 @@ export default {
position: sticky;
top: var(--bulma-navbar-height);
width: 100%;
z-index: 20;
z-index: 1;
}
</style>

View File

@@ -1,5 +1,5 @@
<template>
<nav class="navbar is-fixed-top is-top" :style="zindex">
<nav class="navbar is-fixed-top is-top">
<div class="navbar-brand is-flex-grow-1">
<control-link
v-for="menu in menus.filter((menu) => menu.show && !menu.sub)"
@@ -131,12 +131,6 @@ export default {
{ action: this.openUpdateDialog, key: 'navigation.update-library' },
{ key: 'navigation.about', name: 'about' }
]
},
zindex() {
if (this.uiStore.showPlayerMenu) {
return 'z-index: 21'
}
return ''
}
},
methods: {

View File

@@ -39,7 +39,7 @@
.overlay-fullscreen {
@extend .is-overlay;
z-index: 25;
z-index: 1;
background-color: rgba(10, 10, 10, 0.5);
position: fixed;
}