remove focus-ring

This commit is contained in:
vcoppe committed 2026-10-18 00:33:03 +02:00
1 parent 3012f6bf73
commit 8bbcbdc097
3 files changed
+6 -4

No files matched your search

@@ -233,7 +233,7 @@
}
}}
>
<ContextMenu.Trigger class="grow min-w-0 pointer-events-auto">
<ContextMenu.Trigger class="grow min-w-0 pointer-events-auto outline-none">
<!-- svelte-ignore a11y_click_events_have_key_events -->
<div
bind:this={row}
@@ -246,7 +246,7 @@
title={path}
draggable={kind !== 'root' && !editing}
data-drop-target={target || undefined}
class="flex flex-row items-center gap-1.5 min-w-0 rounded-md {className}"
class="flex flex-row items-center gap-1.5 min-w-0 rounded-md outline-none {className}"
{style}
{onclick}
{ondblclick}
@@ -50,7 +50,7 @@
<FileListNodeContent node={null} />
{#if orientation === 'vertical'}
<ContextMenu.Root>
<ContextMenu.Trigger class="grow" />
<ContextMenu.Trigger class="grow outline-none" />
<ContextMenu.Content>
<ContextMenu.Item onclick={createFile}>
<Plus size="16" />
@@ -123,7 +123,9 @@
<!-- A tab of the horizontal list is as wide as its content, said explicitly: a width that is a
percentage of a parent that is as wide as its content is not updated by WebKit when the
content changes (the indicators come and go) -->
<ContextMenu.Trigger class={orientation === 'vertical' ? 'grow truncate' : ''}>
<!-- it only catches right-clicks: no focus ring when it has the focus (WebKit gives it on a
click), the selection shows where the arrow keys are -->
<ContextMenu.Trigger class="outline-none {orientation === 'vertical' ? 'grow truncate' : ''}">
<Button
variant="ghost"
class="relative p-0 overflow-hidden border-none focus-visible:ring-0 focus-visible:ring-offset-0 flex flex-row {orientation ===