Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-01-26 19:09:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

a11y: Bigger click/touch target for Slider track (#5524)

Browse Source 
* a11y: Bigger click/touch target for Slider track

* a11y: z-index fix and bigger thumb too.
This commit is contained in:
Alexander Brown
2025-09-12 23:34:39 -07:00
committed by GitHub
parent cf093d02a7
commit 0e01ca0a98
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ui/slider/Slider.vue
View File

@@ -49,7 +49,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
:class="
cn(
'bg-node-stroke relative grow overflow-hidden rounded-full',
'cursor-pointer',
'cursor-pointer overflow-visible',
`before:absolute before:-inset-2 before:block before:bg-transparent`,
'data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-full',
'data-[orientation=vertical]:h-full data-[orientation=vertical]:w-0.5'
)
@@ -69,6 +70,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
cn(
'bg-node-component-surface-highlight ring-node-component-surface-selected block size-3.5 shrink-0 rounded-full shadow-sm transition-[color,box-shadow]',
'cursor-grab',
'before:absolute before:-inset-1 before:block before:bg-transparent before:rounded-full',
'hover:ring-2 focus-visible:ring-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50',
{ 'cursor-grabbing': pressed }
)