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')" @visible="scrollToCurrent('auto')"
@hidden="scrollLoop" @hidden="scrollLoop"
> >
<template #default="{ index, item, classList }"> <template #default="{ index, item, classlist }">
<queue-item <queue-item
:data-index="index" :data-index="index"
:index="index" :index="index"
:source="item" :source="item"
:class="[...classList, currentIndex === index && 'active']" :class="[...classlist, currentIndex === index && 'active']"
@play="play" @play="play"
@remove="dequeue" @remove="dequeue"
/> />

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

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