fixed banner wrap (#33388)
Signed-off-by: Agnieszka Gancarczyk <agagancarczyk@gmail.com>
This commit is contained in:
parent
aaf8136c89
commit
ca91ed0029
1 changed files with 7 additions and 4 deletions
|
@ -12,11 +12,14 @@ const WarnBanner = ({ msg }: WarnBannerProps) => {
|
|||
|
||||
return (
|
||||
<Banner screenReaderText={t(msg)} variant="gold" isSticky>
|
||||
<Flex spaceItems={{ default: "spaceItemsSm" }}>
|
||||
<FlexItem>
|
||||
<ExclamationTriangleIcon />
|
||||
<Flex
|
||||
spaceItems={{ default: "spaceItemsSm" }}
|
||||
flexWrap={{ default: "wrap" }}
|
||||
>
|
||||
<FlexItem style={{ whiteSpace: "normal" }}>
|
||||
<ExclamationTriangleIcon style={{ marginRight: "0.3rem" }} />
|
||||
{t(msg)}
|
||||
</FlexItem>
|
||||
<FlexItem>{t(msg)}</FlexItem>
|
||||
</Flex>
|
||||
</Banner>
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue