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

[web] Fix dropdown control being too wide on mobile

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-02-15 23:30:34 +01:00
parent eca8f40afc
commit 55720b8182
3 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,7 +45,7 @@
class="dropdown is-up is-right"
:class="{ 'is-active': uiStore.show_player_menu }"
>
<div class="dropdown-menu">
<div class="dropdown-menu is-mobile">
<div class="dropdown-content">
<div class="dropdown-item pt-0">
<control-main-volume />

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

@ -63,7 +63,7 @@
class="dropdown is-right"
:class="{ 'is-active': uiStore.show_burger_menu }"
>
<div class="dropdown-menu">
<div class="dropdown-menu is-mobile">
<div class="dropdown-content">
<control-link class="dropdown-item" :to="{ name: 'playlists' }">
<span class="icon-text">

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

@ -41,13 +41,12 @@
position: fixed;
}
.dropdown-menu {
.dropdown-menu.is-mobile {
@include mixins.mobile {
width: 100vw;
}
}
.dropdown-content {
.dropdown-content {
max-height: calc(100vh - calc(2 * var(--bulma-navbar-height)));
overflow: auto;
}
}