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;
text-align: center;
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 (
<div className={styles.message}>
<Divider color="borderDividerSubtle" />
<Typography variant={"Body/Supporting text (caption)/smRegular"}>
<Divider className={styles.divider} color="borderDividerSubtle" />
<Typography
variant={"Body/Supporting text (caption)/smRegular"}
className={styles.breakfastMessage}
>
<p>{breakfastMessage}</p>
</Typography>
<Divider color="borderDividerSubtle" />
<Divider className={styles.divider} color="borderDividerSubtle" />
</div>
)
}