chore(ui): a11y touch-targets sweep + useUserDisplay JSDoc refresh
This commit is contained in:
@@ -382,7 +382,11 @@ function SidebarFooter({
|
||||
}
|
||||
title={collapsed ? t('sidebar.expand', { defaultValue: 'Развернуть' }) : t('sidebar.collapse', { defaultValue: 'Свернуть' })}
|
||||
className={cn(
|
||||
'border-t border-line shrink-0 h-8 flex items-center gap-2 text-cap text-mute hover:text-ink hover:bg-surface-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
|
||||
// h-11 = 44px WCAG AAA touch target per DESIGN.md §13 (был h-8/32px,
|
||||
// отмечено в /design-review TODOS.md P1-3). Desktop sidebar только
|
||||
// (hidden lg:flex) — mobile использует burger из TopBar. h-11 не
|
||||
// ломает вертикальный rhythm и matches TopBar h-11.
|
||||
'border-t border-line shrink-0 h-11 flex items-center gap-2 text-cap text-mute hover:text-ink hover:bg-surface-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
|
||||
collapsed ? 'justify-center' : 'px-4',
|
||||
)}
|
||||
>
|
||||
|
||||
@@ -44,7 +44,10 @@ export function WhatsNewButton() {
|
||||
aria-label={label}
|
||||
onClick={() => setOpen(true)}
|
||||
className={cn(
|
||||
'relative size-7 rounded-md text-ink-2 hover:text-ink hover:bg-surface-2',
|
||||
// size-11 = 44×44 WCAG AAA touch target per DESIGN.md §13 (aligned
|
||||
// с другими TopBar icon buttons — Bell, ThemeSwitch). Icon size=14
|
||||
// остаётся, wrapper увеличен для тактильной площади на mobile.
|
||||
'relative size-11 rounded-md text-ink-2 hover:text-ink hover:bg-surface-2',
|
||||
'inline-flex items-center justify-center transition-colors',
|
||||
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user