diff --git a/src/screens/EmailThreadScreen.tsx b/src/screens/EmailThreadScreen.tsx
index 1c994aa6..5a93f6e7 100644
--- a/src/screens/EmailThreadScreen.tsx
+++ b/src/screens/EmailThreadScreen.tsx
@@ -36,6 +36,7 @@ import { shareEmailEml } from '../lib/email-export';
import { useKeywordsStore, keywordToken, type KeywordDef } from '../stores/keywords-store';
import { useSheetDrag } from '../lib/use-sheet-drag';
import { useKeyboardObstruction } from '../lib/use-keyboard-obstruction';
+import { useLayout } from '../lib/use-layout';
import { useLocaleStore } from '../stores/locale-store';
import {
findArchiveMailbox, findTrashMailbox, mailboxAccountId, mailboxesOfAccount, mailboxOfEmail,
@@ -1562,7 +1563,10 @@ function ToolbarButton({
}: { icon: React.ReactNode; label: string; onPress?: () => void }) {
const c = useColors();
const styles = React.useMemo(() => makeStyles(c), [c]);
- const showLabels = useSettingsStore((s) => s.showToolbarLabels);
+ // Icons only in a short (landscape) window, which leaves room for the message.
+ const labelsSetting = useSettingsStore((s) => s.showToolbarLabels);
+ const { shortHeight } = useLayout();
+ const showLabels = labelsSetting && !shortHeight;
return (
{icon}
- {showLabels && {label}}
+ {showLabels && {label}}
);
}
@@ -1581,7 +1585,10 @@ function BottomBarButton({
}: { icon: React.ReactNode; label: string; onPress?: () => void; disabled?: boolean }) {
const c = useColors();
const styles = React.useMemo(() => makeStyles(c), [c]);
- const showLabels = useSettingsStore((s) => s.showToolbarLabels);
+ // Icons only in a short (landscape) window, which leaves room for the message.
+ const labelsSetting = useSettingsStore((s) => s.showToolbarLabels);
+ const { shortHeight } = useLayout();
+ const showLabels = labelsSetting && !shortHeight;
return (