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

[Clipclops] Minor web tweaks (#3822) 

* add a11y + onPress to web send button

* only adjust leading on web, due to overflow issue
zio/stable
Samuel Newman 2024-05-02 18:00:42 +01:00 committed by GitHub
parent bff055f618
commit dadf27fd2f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/screens/Messages/Conversation/MessageInput.web.tsx
View File

@ -78,12 +78,15 @@ export function MessageInput({
/> />
<Pressable <Pressable
accessibilityRole="button" accessibilityRole="button"
accessibilityLabel={_(msg`Send message`)}
accessibilityHint=""
style={[ style={[
a.rounded_full, a.rounded_full,
a.align_center, a.align_center,
a.justify_center, a.justify_center,
{height: 30, width: 30, backgroundColor: t.palette.primary_500}, {height: 30, width: 30, backgroundColor: t.palette.primary_500},
]}> ]}
onPress={onSubmit}>
<PaperPlane fill={t.palette.white} /> <PaperPlane fill={t.palette.white} />
</Pressable> </Pressable>
</View> </View>

6
src/screens/Messages/List/index.tsx
View File

@ -20,7 +20,7 @@ import {TimeElapsed} from '#/view/com/util/TimeElapsed'
import {PreviewableUserAvatar} from '#/view/com/util/UserAvatar' import {PreviewableUserAvatar} from '#/view/com/util/UserAvatar'
import {ViewHeader} from '#/view/com/util/ViewHeader' import {ViewHeader} from '#/view/com/util/ViewHeader'
import {CenteredView} from '#/view/com/util/Views' import {CenteredView} from '#/view/com/util/Views'
import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {atoms as a, useBreakpoints, useTheme, web} from '#/alf'
import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {Button, ButtonIcon, ButtonText} from '#/components/Button'
import {DialogControlProps, useDialogControl} from '#/components/Dialog' import {DialogControlProps, useDialogControl} from '#/components/Dialog'
import {ConvoMenu} from '#/components/dms/ConvoMenu' import {ConvoMenu} from '#/components/dms/ConvoMenu'
@ -237,7 +237,9 @@ function ChatListItem({convo}: {convo: ChatBskyConvoDefs.ConvoView}) {
<PreviewableUserAvatar profile={otherUser} size={42} /> <PreviewableUserAvatar profile={otherUser} size={42} />
</View> </View>
<View style={[a.flex_1]}> <View style={[a.flex_1]}>
<Text numberOfLines={1} style={[a.text_md, a.leading_normal]}> <Text
numberOfLines={1}
style={[a.text_md, web([a.leading_normal, {marginTop: -4}])]}>
<Text <Text
style={[t.atoms.text, convo.unreadCount > 0 && a.font_bold]}> style={[t.atoms.text, convo.unreadCount > 0 && a.font_bold]}>
{otherUser.displayName || otherUser.handle} {otherUser.displayName || otherUser.handle}