style: Improve series page user experience and focus + scroll logic

This commit is contained in:
Aleksi Lassila
2024-05-15 02:50:47 +03:00
parent 0a43a5c231
commit af0df71d2c
9 changed files with 66 additions and 31 deletions

View File

@@ -28,12 +28,13 @@
direction="horizontal"
class={classNames(
$$restProps.class,
'overflow-x-auto scrollbar-hide relative p-1 overflow-y-visible'
'overflow-x-auto scrollbar-hide relative overflow-y-visible'
)}
style={`mask-image: linear-gradient(to right, transparent 0%, ${
fadeLeft ? '' : 'black 0%, '
}black 5%, black 95%, ${fadeRight ? '' : 'black 100%, '}transparent 100%);`}
on:scroll={updateScrollPosition}
on:enter
bind:this={element}
let:focusIndex
>