scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-1446): button accepts phrasing content

Browse Source
This commit is contained in:
Michael Zetterberg
2025-04-08 06:38:32 +02:00
parent fd0d4ca174
commit 17cfc2b04f
2 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/clientModal.module.css
View File

@@ -96,6 +96,11 @@
align-items: center; align-items: center;
text-align: left; text-align: left;
width: 100%; width: 100%;
cursor: pointer;
& span {
display: block;
}
& .icon { & .icon {
background: var(--Base-Button-Primary-Fill-Normal); background: var(--Base-Button-Primary-Fill-Normal);

16
apps/scandic-web/components/ContentType/DestinationPage/DestinationOverviewPage/JumpTo/Client/ClientModal/index.tsx
View File

@@ -42,21 +42,21 @@ export function ClientModal({
return ( return (
<DialogTrigger> <DialogTrigger>
<ButtonRAC className={styles.trigger}> <ButtonRAC className={styles.trigger}>
<div> <span>
<Typography variant="Body/Supporting text (caption)/smBold"> <Typography variant="Body/Supporting text (caption)/smBold">
<div className={styles.label}> <span className={styles.label}>
{intl.formatMessage({ id: "Where to?" })} {intl.formatMessage({ id: "Where to?" })}
</div> </span>
</Typography> </Typography>
<Typography variant="Body/Paragraph/mdRegular"> <Typography variant="Body/Paragraph/mdRegular">
<div className={styles.placeholder}> <span className={styles.placeholder}>
{intl.formatMessage({ id: "Hotels & Destinations" })} {intl.formatMessage({ id: "Hotels & Destinations" })}
</div> </span>
</Typography> </Typography>
</div> </span>
<div className={styles.icon}> <span className={styles.icon}>
<MaterialIcon icon="search" color="CurrentColor" /> <MaterialIcon icon="search" color="CurrentColor" />
</div> </span>
</ButtonRAC> </ButtonRAC>
<ModalOverlay className={styles.modalOverlay} isDismissable={true}> <ModalOverlay className={styles.modalOverlay} isDismissable={true}>
<Modal className={styles.modal}> <Modal className={styles.modal}>