zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

make some settings screens scrollable for accessibility (#4819) 

* make settings scrollable for accessibility

* nit
zio/stable
Hailey 2024-07-24 14:39:01 -07:00 committed by GitHub
parent bfb7f6efef
commit 11f2415942
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/screens/Messages/Settings.tsx
View File

@ -11,7 +11,7 @@ import {useProfileQuery} from '#/state/queries/profile'
import {useSession} from '#/state/session' import {useSession} from '#/state/session'
import * as Toast from '#/view/com/util/Toast' import * as Toast from '#/view/com/util/Toast'
import {ViewHeader} from '#/view/com/util/ViewHeader' import {ViewHeader} from '#/view/com/util/ViewHeader'
import {CenteredView} from '#/view/com/util/Views' import {ScrollView} from '#/view/com/util/Views'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, useTheme} from '#/alf'
import {Divider} from '#/components/Divider' import {Divider} from '#/components/Divider'
import * as Toggle from '#/components/forms/Toggle' import * as Toggle from '#/components/forms/Toggle'
@ -55,7 +55,7 @@ export function MessagesSettingsScreen({}: Props) {
) )
return ( return (
<CenteredView sideBorders style={a.h_full_vh}> <ScrollView stickyHeaderIndices={[0]}>
<ViewHeader title={_(msg`Chat Settings`)} showOnDesktop showBorder /> <ViewHeader title={_(msg`Chat Settings`)} showOnDesktop showBorder />
<View style={[a.p_lg, a.gap_md]}> <View style={[a.p_lg, a.gap_md]}>
<Text style={[a.text_lg, a.font_bold]}> <Text style={[a.text_lg, a.font_bold]}>
@ -149,6 +149,6 @@ export function MessagesSettingsScreen({}: Props) {
</> </>
)} )}
</View> </View>
</CenteredView> </ScrollView>
) )
} }

6
src/view/screens/NotificationsSettings.tsx
View File

@ -8,7 +8,7 @@ import {AllNavigatorParams, NativeStackScreenProps} from '#/lib/routes/types'
import {useNotificationFeedQuery} from '#/state/queries/notifications/feed' import {useNotificationFeedQuery} from '#/state/queries/notifications/feed'
import {useNotificationsSettingsMutation} from '#/state/queries/notifications/settings' import {useNotificationsSettingsMutation} from '#/state/queries/notifications/settings'
import {ViewHeader} from '#/view/com/util/ViewHeader' import {ViewHeader} from '#/view/com/util/ViewHeader'
import {CenteredView} from '#/view/com/util/Views' import {ScrollView} from '#/view/com/util/Views'
import {atoms as a, useTheme} from '#/alf' import {atoms as a, useTheme} from '#/alf'
import {Error} from '#/components/Error' import {Error} from '#/components/Error'
import * as Toggle from '#/components/forms/Toggle' import * as Toggle from '#/components/forms/Toggle'
@ -34,7 +34,7 @@ export function NotificationsSettingsScreen({}: Props) {
: serverPriority : serverPriority
return ( return (
<CenteredView style={a.flex_1} sideBorders> <ScrollView stickyHeaderIndices={[0]}>
<ViewHeader <ViewHeader
title={_(msg`Notification Settings`)} title={_(msg`Notification Settings`)}
showOnDesktop showOnDesktop
@ -89,6 +89,6 @@ export function NotificationsSettingsScreen({}: Props) {
</View> </View>
</View> </View>
)} )}
</CenteredView> </ScrollView>
) )
} }