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
··· 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>
+5 -1
src/view/shell/desktop/RightNav.tsx
··· 65 65 style={[ 66 66 gutters, 67 67 a.gap_lg, 68 + a.pr_2xs, 68 69 web({ 69 70 position: 'fixed', 70 71 left: '50%', ··· 74 75 }, 75 76 ...a.scrollbar_offset.transform, 76 77 ], 77 - width: width + gutters.paddingLeft, 78 + /** 79 + * Compensate for the right padding above (2px) to retain intended width. 80 + */ 81 + width: width + gutters.paddingLeft + 2, 78 82 maxHeight: '100%', 79 83 overflowY: 'auto', 80 84 }),
+1
src/view/shell/desktop/SidebarTrendingTopics.tsx
··· 82 82 <TrendingTopicLink 83 83 key={topic.link} 84 84 topic={topic} 85 + style={a.rounded_full} 85 86 onPress={() => { 86 87 logEvent('trendingTopic:click', {context: 'sidebar'}) 87 88 }}>