mirror of
https://codeberg.org/Hyperpipe/Hyperpipe
synced 2025-06-28 21:18:01 +02:00
Merge pull request '[accessibility] feature/context-menu-keyboard' (#1) from feature/context-menu-keyboard into main
Reviewed-on: https://codeberg.org/banaanihillo/Hyperpipe/pulls/1
This commit is contained in:
commit
e1c88a56f2
3 changed files with 4483 additions and 41 deletions
4491
package-lock.json
generated
4491
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
@ -21,6 +21,7 @@
|
|||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^5.0.4",
|
||||
"prettier": "^3.2.5",
|
||||
"vite": "^5.1.5"
|
||||
"vite": "^5.1.5",
|
||||
"vite-plugin-pwa": "^0.19.2"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 = false : show = true">
|
||||
<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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue