Merged in fix/SW-2986-select-rate-breakfast-message (pull request #2315)

fix(SW-2986): breakfast message on other languages break ui select rate

* fix(SW-2986): breakfast message on other languages break ui select rate

* fix(SW-2155

* fix(SW-2986): remove redundant css


Approved-by: Christian Andolf
This commit is contained in:
Bianca Widstam
2025-06-09 12:25:13 +00:00
parent ac953ccd97
commit db5f79c1d3
2 changed files with 15 additions and 4 deletions

View File

@@ -3,5 +3,13 @@
align-items: center; align-items: center;
text-align: center; text-align: center;
gap: var(--Space-x1); gap: var(--Space-x1);
white-space: nowrap; }
.breakfastMessage {
flex: 0 1 auto;
}
.divider {
flex: 1;
min-width: 5%;
} }

View File

@@ -66,11 +66,14 @@ export default function BreakfastMessage({
return ( return (
<div className={styles.message}> <div className={styles.message}>
<Divider color="borderDividerSubtle" /> <Divider className={styles.divider} color="borderDividerSubtle" />
<Typography variant={"Body/Supporting text (caption)/smRegular"}> <Typography
variant={"Body/Supporting text (caption)/smRegular"}
className={styles.breakfastMessage}
>
<p>{breakfastMessage}</p> <p>{breakfastMessage}</p>
</Typography> </Typography>
<Divider color="borderDividerSubtle" /> <Divider className={styles.divider} color="borderDividerSubtle" />
</div> </div>
) )
} }