jsw/spotiqueue
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tiny fixes

Browse source
This commit is contained in:
Jurn Wubben 2026-02-03 03:12:21 +01:00
parent 6236e533a7
commit 241b5c5a3e
1 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
static/index.html
View file

@ -54,7 +54,7 @@
</div> </div>
<button type="submit" class="btn btn-primary join-item">Search</button> <button type="submit" class="btn btn-primary join-item">Search</button>
</form> </form>
<ul class="dropdown list rounded-box bg-base-100 shadow-sm overflow-y-scroll max-h-[40vh]" popover <ul class="dropdown list rounded-box bg-base-100 shadow-sm overflow-y-scroll max-h-[40dvh]" popover
id="search-nav-dropdown" style="position-anchor:--search-nav; width: anchor-size(width);"> id="search-nav-dropdown" style="position-anchor:--search-nav; width: anchor-size(width);">
</ul> </ul>
</div> </div>
@ -183,10 +183,8 @@
<button>close</button> <button>close</button>
</form> </form>
</dialog> </dialog>
<dialog id="search-dock-modal" class="modal modal-bottom sm:modal-middle"> <dialog id="search-dock-modal" class="modal modal-bottom sm:modal-middle">
<div class="modal-box flex flex-col sm:h-auto max-h-[70vh]"> <div class="modal-box flex flex-col sm:h-auto max-h-[50dvh]">
<ul id="search-dock-songs" class="list overflow-y-auto flex-grow"> <ul id="search-dock-songs" class="list overflow-y-auto flex-grow">
</ul> </ul>
@ -287,6 +285,9 @@
DOMMainSongPersonal.querySelector("img")?.remove() DOMMainSongPersonal.querySelector("img")?.remove()
DOMMainSongPersonal.querySelector("button")?.remove() DOMMainSongPersonal.querySelector("button")?.remove()
DOMMainSongPersonal.children[1].draggable = false;
return return
} }
@ -495,9 +496,13 @@
constrainDimensions: true, constrainDimensions: true,
} }
}); });
sortable.on("drag:start", (evt) => {
if (evt.source.draggable) return;
evt.cancel()
})
sortable.on('sortable:stop', (evt) => { sortable.on('sortable:stop', (evt) => {
setTimeout(() => { setTimeout(() => {
const {oldIndex, newIndex} = evt.data; const {oldIndex, newIndex} = evt;
queues.personal.move(oldIndex, newIndex); queues.personal.move(oldIndex, newIndex);
if (queues.personal.length > 0) { if (queues.personal.length > 0) {
@ -515,6 +520,8 @@
DOMSearchDockButton.addEventListener("click", () => { DOMSearchDockButton.addEventListener("click", () => {
DOMSearchDockSongs.innerHTML = ""; DOMSearchDockSongs.innerHTML = "";
DOMSearchDockModal.showModal() DOMSearchDockModal.showModal()
DOMSearchDockInput.focus();
setTimeout(window.scrollTo({left: 0, top: document.body.scrollHeight, behavior: "smooth"}), 500);
}) })
</script> </script>