MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2024-12-26 23:25:56 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web-src] Fix overly not covering whole screen for navbar dialogs

Browse Source
This commit is contained in:
chme 2020-05-16 06:29:02 +02:00
parent d2b5e82837
commit 5e33b2a612
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web-src/src/App.vue
View File

@ -9,8 +9,7 @@
<modal-dialog-remote-pairing :show="pairing_active" @close="pairing_active = false" />
<notifications v-show="!show_burger_menu" />
<navbar-bottom />
<div class="is-overlay" v-show="show_burger_menu || show_player_menu"
style="z-index:25; width: 100vw; height:100vh;background-color: rgba(10, 10, 10, 0.2);"
<div class="fd-overlay-fullscreen" v-show="show_burger_menu || show_player_menu"
@click="show_burger_menu = show_player_menu = false"></div>
</div>
</template>

7
web-src/src/mystyles.scss
View File

@ -277,4 +277,11 @@ hr.fd-navbar-divider {
margin: auto 0 auto auto;
}
}
}
.fd-overlay-fullscreen {
@extend .is-overlay;
z-index:25;
background-color: rgba(10, 10, 10, 0.2);
position: fixed;
}