diff options
| author | Yaël Guilloux <yael.guilloux@gmail.com> | 2024-11-02 00:18:19 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-11-01 23:18:19 +0000 |
| commit | c580f20b5311914c3ecdd3a84f7ae13f8881f3a7 (patch) | |
| tree | 37e7810d37ac49f51a4e1df77b056a016f6d845d /src/view | |
| parent | 7111e38cd48c1c7e2b35ae978708fcb7a60a5dd7 (diff) | |
| download | voidsky-c580f20b5311914c3ecdd3a84f7ae13f8881f3a7.tar.zst | |
Improve focus-visible outlines in navigation (#6061)
* feat add focus_visible atom * feat use focus_visible atom in Button.tsx style * Tweak --------- Co-authored-by: Dan Abramov <dan.abramov@gmail.com>
Diffstat (limited to 'src/view')
| -rw-r--r-- | src/view/shell/desktop/LeftNav.tsx | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/view/shell/desktop/LeftNav.tsx b/src/view/shell/desktop/LeftNav.tsx index 1a9ce2005..de3a8190d 100644 --- a/src/view/shell/desktop/LeftNav.tsx +++ b/src/view/shell/desktop/LeftNav.tsx @@ -185,7 +185,14 @@ function NavItem({count, href, icon, iconFilled, label}: NavItemProps) { return ( <PressableWithHover - style={[a.flex_row, a.align_center, a.p_md, a.rounded_sm, a.gap_sm]} + style={[ + a.flex_row, + a.align_center, + a.p_md, + a.rounded_sm, + a.gap_sm, + a.outline_inset_1, + ]} hoverStyle={t.atoms.bg_contrast_25} // @ts-ignore the function signature differs on web -prf onPress={onPressWrapped} |