Move toast detail to a new line
This commit is contained in:
parent
fd59a66523
commit
aed247f44c
1 changed files with 4 additions and 3 deletions
|
@ -40,13 +40,14 @@ const GenericToast: React.FC<XOR<IPropsExtended, IProps>> = ({
|
||||||
onAccept,
|
onAccept,
|
||||||
onReject,
|
onReject,
|
||||||
}) => {
|
}) => {
|
||||||
const detailContent = detail ? <span className="mx_Toast_detail">
|
const detailContent = detail ? <div className="mx_Toast_detail">
|
||||||
{detail}
|
{detail}
|
||||||
</span> : null;
|
</div> : null;
|
||||||
|
|
||||||
return <div>
|
return <div>
|
||||||
<div className="mx_Toast_description">
|
<div className="mx_Toast_description">
|
||||||
{description} {detailContent}
|
{description}
|
||||||
|
{detailContent}
|
||||||
</div>
|
</div>
|
||||||
<div className="mx_Toast_buttons" aria-live="off">
|
<div className="mx_Toast_buttons" aria-live="off">
|
||||||
{onReject && rejectLabel && <FormButton label={rejectLabel} kind="danger" onClick={onReject} /> }
|
{onReject && rejectLabel && <FormButton label={rejectLabel} kind="danger" onClick={onReject} /> }
|
||||||
|
|
Loading…
Reference in a new issue