MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-10-30 00:05:05 -04:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/index.css
View File

File diff suppressed because one or more lines are too long

52
htdocs/assets/index.js
View File

File diff suppressed because one or more lines are too long

2
web-src/src/components/ControlTabList.vue
View File

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

8
web-src/src/components/NavbarTop.vue
View File

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

2
web-src/src/styles.scss
View File

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