starred/native
1
0
Fork 0
mirror of https://github.com/bulwarkmail/native.git synced 2026-11-04 16:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: give the vacation subject the full width instead of squeezing its label

Browse Source
This commit is contained in:
Linus Rath
2026-10-15 02:51:55 +02:00
parent d4982f6932
commit f22e851c82
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/settings/VacationSettings.tsx
+7 -6
View File
@@ -242,18 +242,20 @@ export function VacationSettings() {
title={t('settings.vacation.message.title', 'Auto-Reply Message')} title={t('settings.vacation.message.title', 'Auto-Reply Message')}
description={t('settings.vacation.message.description', 'The message that will be sent as a reply')} description={t('settings.vacation.message.description', 'The message that will be sent as a reply')}
> >
<SettingItem {/* Stacked like the body below: beside its label, a fixed-width field
label={t('settings.vacation.message.subject_label', 'Subject')} squeezed the label into five lines on a phone. */}
description={t('settings.vacation.message.subject_description', 'Subject line of the auto-reply')} <View style={styles.bodyBlock}>
> <Text style={styles.bodyLabel}>{t('settings.vacation.message.subject_label', 'Subject')}</Text>
<Text style={styles.bodyDesc}>{t('settings.vacation.message.subject_description', 'Subject line of the auto-reply')}</Text>
<TextInput <TextInput
value={subject} value={subject}
onChangeText={setSubject} onChangeText={setSubject}
placeholder={t('settings.vacation.message.subject_placeholder', 'Out of Office')} placeholder={t('settings.vacation.message.subject_placeholder', 'Out of Office')}
placeholderTextColor={c.mutedForeground} placeholderTextColor={c.mutedForeground}
accessibilityLabel={t('settings.vacation.message.subject_label', 'Subject')}
style={styles.subjectInput} style={styles.subjectInput}
/> />
</SettingItem> </View>
<View style={styles.bodyBlock}> <View style={styles.bodyBlock}>
<Text style={styles.bodyLabel}>{t('settings.vacation.message.body_label', 'Message Body')}</Text> <Text style={styles.bodyLabel}>{t('settings.vacation.message.body_label', 'Message Body')}</Text>
<Text style={styles.bodyDesc}>{t('settings.vacation.message.body_description', 'Plain text message content')}</Text> <Text style={styles.bodyDesc}>{t('settings.vacation.message.body_description', 'Plain text message content')}</Text>
@@ -431,7 +433,6 @@ function makeStyles(c: ThemePalette) {
}, },
inputInvalid: { borderColor: c.error }, inputInvalid: { borderColor: c.error },
subjectInput: { subjectInput: {
width: 240,
paddingHorizontal: spacing.md, paddingHorizontal: spacing.md,
paddingVertical: 6, paddingVertical: 6,
borderRadius: radius.sm, borderRadius: radius.sm,