matrix/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2025-11-23 21:42:27 +03:00
Code Activity

Fix pill buttons in dialogs (#31246)

Browse Source 
* Fix pill buttons in dialogs

Add the magic class that makes the buttons not be broken by the
dialog button styles.

* Update snapshot
This commit is contained in:
David Baker
2025-11-17 15:14:34 +00:00
committed by GitHub
parent f3a880f1c3
commit 250d6571fe
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/shared-components/src/pill-input/Pill/Pill.tsx
View File

@@ -53,7 +53,13 @@ export function Pill({ className, children, label, onClick, ...props }: PropsWit
{label} {label}
</span> </span>
{onClick && ( {onClick && (
<IconButton aria-describedby={id} size="16px" onClick={onClick} aria-label={_t("action|delete")}> <IconButton
aria-describedby={id}
size="16px"
onClick={onClick}
aria-label={_t("action|delete")}
className="mx_Dialog_nonDialogButton"
>
<CloseIcon color="var(--cpd-color-icon-tertiary)" /> <CloseIcon color="var(--cpd-color-icon-tertiary)" />
</IconButton> </IconButton>
)} )}

2
packages/shared-components/src/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
View File

@@ -18,7 +18,7 @@ exports[`Pill renders the pill 1`] = `
<button <button
aria-describedby="_r_0_" aria-describedby="_r_0_"
aria-label="Delete" aria-label="Delete"
class="_icon-button_1pz9o_8" class="_icon-button_1pz9o_8 mx_Dialog_nonDialogButton"
data-kind="primary" data-kind="primary"
role="button" role="button"
style="--cpd-icon-button-size: 16px;" style="--cpd-icon-button-size: 16px;"