fix: disable audio scrolling in player when a modal is visible

This commit is contained in:
ThaUnknown 2025-09-07 16:15:14 +02:00
parent 3d51e9a084
commit a670e1c7cd
No known key found for this signature in database
4 changed files with 12 additions and 10 deletions

View file

@ -1,6 +1,6 @@
{
"name": "ui",
"version": "6.4.126",
"version": "6.4.127",
"license": "BUSL-1.1",
"private": true,
"packageManager": "pnpm@9.15.5",

View file

@ -17,7 +17,7 @@
{#if !SUPPORTS.isAndroid}
<Wrapper let:platform>
<div class='w-[calc(100%-3.5rem)] left-[3.5rem] top-0 z-[2000] flex navbar absolute h-8'>
<div class='w-full {fullscreenElement ? 'not-draggable' : 'draggable'}' />
<div class='w-full {fullscreenElement ? 'not-draggable' : 'draggable'}' on:contextmenu|preventDefault />
{#if platform !== 'macOS'}
<div class='window-controls not-draggable flex text-white backdrop-blur'>
<button class='max-button flex items-center justify-center h-8 w-[46px]' use:click={native.minimise} use:tabindex>

View file

@ -29,6 +29,7 @@
<Sheet.Root {portal} bind:open={episodeListOpen}>
<Sheet.Trigger id='episode-list-button' data-down='#player-seekbar' class='text-[rgba(217,217,217,0.6)] hover:text-neutral-500 text-sm leading-none font-light line-clamp-1 text-left hover:underline bg-transparent'>{mediaInfo.session.description}</Sheet.Trigger>
<Sheet.Content class='w-full sm:w-[550px] p-3 sm:p-6 max-w-full sm:max-w-full h-full overflow-y-scroll flex flex-col !pb-0 shrink-0 gap-0 bg-black justify-between overflow-x-clip'>
<div class='contents' on:wheel|stopPropagation>
{#if mediaInfo.media}
{#await Promise.all([episodes(mediaInfo.media.id), client.single(mediaInfo.media.id)]) then [eps, media]}
{#if media.data?.Media}
@ -36,5 +37,6 @@
{/if}
{/await}
{/if}
</div>
</Sheet.Content>
</Sheet.Root>

View file

@ -91,7 +91,7 @@
</Button>
</Dialog.Trigger>
<Dialog.Content class='absolute bg-transparent border-none p-0 shadow-none size-full overflow-hidden max-w-full'>
<div on:pointerdown|self={close} class='size-full flex justify-center items-center flex-col overflow-y-scroll text-[6px] lg:text-xs' use:dragScroll>
<div on:pointerdown|self={close} on:wheel|stopPropagation class='size-full flex justify-center items-center flex-col overflow-y-scroll text-[6px] lg:text-xs' use:dragScroll>
{#if showKeybinds}
<div class='bg-black py-3 px-4 rounded-md text-sm lg:text-lg font-bold mb-4'>
{keybindDesc ?? 'Drag and drop binds to change them'}