MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix scrolling queue on open

This commit is contained in:
wvffle 2022-11-26 11:05:49 +00:00
parent 65dcd77c99
commit a6334a923f
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/components/Queue.vue
View File

@ -449,12 +449,12 @@ const coverType = useStorage('queue:cover-type', CoverType.COVER_ART)
@visible="scrollToCurrent('auto')"
@hidden="scrollLoop"
>
<template #default="{ index, item, classList }">
<template #default="{ index, item, classlist }">
<queue-item
:data-index="index"
:index="index"
:source="item"
:class="[...classList, currentIndex === index && 'active']"
:class="[...classlist, currentIndex === index && 'active']"
@play="play"
@remove="dequeue"
/>

7
front/src/components/vui/list/VirtualList.vue
View File

@ -167,6 +167,7 @@ defineExpose({
key-field="key"
:items="list"
:item-size="size"
:grid-items="1"
@mousedown="onMousedown"
@touchstart="onMousedown"
@touchmove="onTouchmove"
@ -180,7 +181,7 @@ defineExpose({
<template #default="{ item, index }">
<slot
:class-list="[draggedItem && hoveredIndex === index && `drop-${position}`, 'drag-item']"
:classlist="[draggedItem && hoveredIndex === index && `drop-${position}`, 'drag-item']"
:item="item"
:index="index"
/>
@ -245,4 +246,8 @@ defineExpose({
.theme-light .ghost-container {
background: rgba(0, 0, 0, 0.1);
}
.vue-recycle-scroller__item-view {
width: 100% !important;
}
</style>