Move toast detail to a new line

This commit is contained in:
J. Ryan Stinnett 2021-03-26 11:43:41 +00:00
parent fd59a66523
commit aed247f44c

View file

@ -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}&nbsp;{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} /> }