jean/airsonic-refix
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

player: add overflow menu

Browse Source
This commit is contained in:
Thomas Amland 2020-11-15 20:35:26 +01:00
parent bc06cc37d5
commit a11af769ee
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/player/Player.vue
View File

@ -45,8 +45,8 @@
</div> </div>
<!-- Controls right ---> <!-- Controls right --->
<div class="col p-0 d-none d-sm-block " style="min-width: 0; width: 0;"> <div class="col-auto col-sm p-0">
<div class="d-flex justify-content-end pr-3"> <div class="d-flex flex-nowrap justify-content-end pr-3">
<b-button variant="link" <b-button variant="link"
class="m-0 d-none d-sm-inline-block" class="m-0 d-none d-sm-inline-block"
:class="{ 'text-primary': shuffleActive }" :class="{ 'text-primary': shuffleActive }"
@ -59,6 +59,20 @@
@click="toggleRepeat"> @click="toggleRepeat">
<Icon icon="arrow-repeat" /> <Icon icon="arrow-repeat" />
</b-button> </b-button>
<OverflowMenu class="d-sm-none">
<b-dropdown-text>
<div class="d-flex justify-content-between">
<strong>Repeat</strong>
<b-form-checkbox switch :checked="repeatActive" @change="toggleRepeat" />
</div>
</b-dropdown-text>
<b-dropdown-text>
<div class="d-flex justify-content-between">
<strong>Shuffle</strong>
<b-form-checkbox switch :checked="shuffleActive" @change="toggleShuffle" />
</div>
</b-dropdown-text>
</OverflowMenu>
</div> </div>
</div> </div>
</div> </div>