fixed banner wrap (#33388)

Signed-off-by: Agnieszka Gancarczyk <agagancarczyk@gmail.com>
This commit is contained in:
Agnieszka Gancarczyk 2024-09-30 12:13:14 +01:00 committed by GitHub
parent aaf8136c89
commit ca91ed0029
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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>
);