lashman/openpylon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

fix column header keyboard visibility and ARIA labels

Browse Source
This commit is contained in:
Your Name
2026-02-19 19:46:58 +02:00
parent 4fa0f486f5
commit 3d2fc5a09d
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/board/ColumnHeader.tsx
View File

@@ -88,6 +88,7 @@ export function ColumnHeader({ column, cardCount, filteredCount }: ColumnHeaderP
onChange={(e) => setEditValue(e.target.value)} onChange={(e) => setEditValue(e.target.value)}
onBlur={commitRename} onBlur={commitRename}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
aria-label="Column title"
className="h-5 w-full bg-transparent font-mono text-xs font-semibold uppercase tracking-widest text-pylon-text-secondary outline-none" className="h-5 w-full bg-transparent font-mono text-xs font-semibold uppercase tracking-widest text-pylon-text-secondary outline-none"
/> />
) : ( ) : (
@@ -117,7 +118,8 @@ export function ColumnHeader({ column, cardCount, filteredCount }: ColumnHeaderP
<Button <Button
variant="ghost" variant="ghost"
size="icon-xs" size="icon-xs"
className="shrink-0 text-pylon-text-secondary opacity-0 transition-opacity group-hover/column:opacity-100 hover:text-pylon-text" className="shrink-0 text-pylon-text-secondary opacity-0 transition-opacity group-hover/column:opacity-100 focus-visible:opacity-100 hover:text-pylon-text"
aria-label="Column options"
> >
<MoreHorizontal className="size-3.5" /> <MoreHorizontal className="size-3.5" />
</Button> </Button>
@@ -166,6 +168,7 @@ export function ColumnHeader({ column, cardCount, filteredCount }: ColumnHeaderP
outlineOffset: "1px", outlineOffset: "1px",
}} }}
title={label} title={label}
aria-label={label}
/> />
))} ))}
</div> </div>