forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Fix RightNav elements focus outline on web (#8788)
authored by
Bartosz Kaszubowski
and committed by
GitHub
0555d362
8dcf1825
+22
-4
+16
-3
src/view/shell/desktop/Feeds.tsx
+16
-3
src/view/shell/desktop/Feeds.tsx
···
4
4
import {useNavigation, useNavigationState} from '@react-navigation/native'
5
5
6
6
import {getCurrentRoute} from '#/lib/routes/helpers'
7
-
import {NavigationProp} from '#/lib/routes/types'
7
+
import {type NavigationProp} from '#/lib/routes/types'
8
8
import {emitSoftReset} from '#/state/events'
9
9
import {usePinnedFeedsInfos} from '#/state/queries/feed'
10
10
import {useSelectedFeed, useSetSelectedFeed} from '#/state/shell/selected-feed'
···
30
30
<View
31
31
style={[
32
32
{
33
-
gap: 12,
33
+
gap: 10,
34
+
paddingVertical: 2,
34
35
},
35
36
]}>
36
37
{Array(5)
···
66
67
* height of the screen with lots of feeds.
67
68
*/
68
69
paddingVertical: 2,
70
+
marginHorizontal: -2,
69
71
overflowY: 'auto',
70
72
}),
71
73
]}>
···
90
92
current
91
93
? [a.font_bold, t.atoms.text]
92
94
: [t.atoms.text_contrast_medium],
95
+
web({
96
+
marginHorizontal: 2,
97
+
width: 'calc(100% - 4px)',
98
+
}),
93
99
]}
94
100
numberOfLines={1}>
95
101
{feedInfo.displayName}
···
100
106
<InlineLinkText
101
107
to="/feeds"
102
108
label={_(msg`More feeds`)}
103
-
style={[a.text_md, a.leading_snug]}
109
+
style={[
110
+
a.text_md,
111
+
a.leading_snug,
112
+
web({
113
+
marginHorizontal: 2,
114
+
width: 'calc(100% - 4px)',
115
+
}),
116
+
]}
104
117
numberOfLines={1}>
105
118
{_(msg`More feeds`)}
106
119
</InlineLinkText>