Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

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>

authored by

Yaël Guilloux
Dan Abramov
and committed by
GitHub
c580f20b 7111e38c

+12 -2
+4 -1
src/alf/atoms.ts
··· 1 - import {Platform, StyleSheet, ViewStyle} from 'react-native' 1 + import {Platform, StyleProp, StyleSheet, ViewStyle} from 'react-native' 2 2 3 3 import * as tokens from '#/alf/tokens' 4 4 import {native, web} from '#/alf/util/platform' ··· 887 887 user_select_all: { 888 888 userSelect: 'all', 889 889 }, 890 + outline_inset_1: { 891 + outlineOffset: '-1px', 892 + } as StyleProp<ViewStyle>, 890 893 891 894 /* 892 895 * Text decoration
+8 -1
src/view/shell/desktop/LeftNav.tsx
··· 185 185 186 186 return ( 187 187 <PressableWithHover 188 - style={[a.flex_row, a.align_center, a.p_md, a.rounded_sm, a.gap_sm]} 188 + style={[ 189 + a.flex_row, 190 + a.align_center, 191 + a.p_md, 192 + a.rounded_sm, 193 + a.gap_sm, 194 + a.outline_inset_1, 195 + ]} 189 196 hoverStyle={t.atoms.bg_contrast_25} 190 197 // @ts-ignore the function signature differs on web -prf 191 198 onPress={onPressWrapped}