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="dropdown is-up is-right"
:class="{ 'is-active': uiStore.show_player_menu }" :class="{ 'is-active': uiStore.show_player_menu }"
> >
<div class="dropdown-menu"> <div class="dropdown-menu is-mobile">
<div class="dropdown-content"> <div class="dropdown-content">
<div class="dropdown-item pt-0"> <div class="dropdown-item pt-0">
<control-main-volume /> <control-main-volume />

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

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

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

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