MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-24 04:20:35 -04: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" /> <modal-dialog-remote-pairing :show="pairing_active" @close="pairing_active = false" />
<notifications v-show="!show_burger_menu" /> <notifications v-show="!show_burger_menu" />
<navbar-bottom /> <navbar-bottom />
<div class="is-overlay" v-show="show_burger_menu || show_player_menu" <div class="fd-overlay-fullscreen" v-show="show_burger_menu || show_player_menu"
style="z-index:25; width: 100vw; height:100vh;background-color: rgba(10, 10, 10, 0.2);"
@click="show_burger_menu = show_player_menu = false"></div> @click="show_burger_menu = show_player_menu = false"></div>
</div> </div>
</template> </template>

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

@ -278,3 +278,10 @@ hr.fd-navbar-divider {
} }
} }
} }
.fd-overlay-fullscreen {
@extend .is-overlay;
z-index:25;
background-color: rgba(10, 10, 10, 0.2);
position: fixed;
}