mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-27 20:58:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

"Context menu" generic span element modified into button (#163)

Browse source 
Co-authored-by: valtteri.murtonen@puheet.com <valtteri.murtonen@puheet.com>
Reviewed-on: https://codeberg.org/Hyperpipe/Hyperpipe/pulls/163
Co-authored-by: banaanihillo@protonmail.ch <banaanihillo@protonmail.ch>
Co-committed-by: banaanihillo@protonmail.ch <banaanihillo@protonmail.ch>
This commit is contained in:
banaanihillo@protonmail.ch 2024-04-21 06:41:24 +00:00 • committed by Shiny Nematoda
parent 2eb10ac18a
commit d6ecb1217f
1 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/SongItem.vue
View file

@ -132,30 +132,31 @@ const openSong = el => {
</a>
</span>
<span
<button
class="bi bi-three-dots-vertical popup-wrap ign"
@mouseenter="show = true"
@mouseleave="show = false">
@mouseleave="show = false"
@click.enter="show = !show">
<Transition name="fade">
<div v-if="show" class="popup ign">
<span
<button
v-if="playlistId || offlineUri"
class="bi bi-dash-lg clickable ign"
@click="Remove"></span>
<span
@click="Remove"></button>
<button
class="bi bi-chevron-bar-right clickable ign"
@click="appendSong"></span>
<span
@click="appendSong"></button>
<button
class="bi bi-collection clickable ign"
@click="showPl = true"></span>
<span
@click="showPl = true"></button>
<button
class="bi bi-broadcast clickable ign"
@click="$emit('nxt-song')"></span>
<span class="bi bi-plus-lg clickable ign" @click="addSong"></span>
<span class="bi bi-share clickable ign" @click="Share"></span>
@click="$emit('nxt-song')"></button>
<button class="bi bi-plus-lg clickable ign" @click="addSong"></button>
<button class="bi bi-share clickable ign" @click="Share"></button>
</div>
</Transition>
</span>
</button>
</div>
</template>
@ -177,6 +178,9 @@ span.content {
span.bi-three-dots-vertical {
margin: 2rem;
}
button.bi-three-dots-vertical {
border: none;
}
.popup {
line-height: auto;
height: auto;