[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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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