Review the alert--icon modifier class that is providing the display: flex property to the alert that allows the icon and alert content to display the side by side. This modifier was added because when alerts are added in the SiteNow WYSIWYG they are not enclosed in a <div> wrapper and the display: flex that was previously added by default to the .alertclass rendered the alert text as unreadable.
Basically, this format of alert below needs to work:
Work for https://github.com/uiowa/uiowa/pull/6810
How to test
alert--iconmodifier class that is providing thedisplay: flexproperty to the alert that allows the icon and alert content to display the side by side. This modifier was added because when alerts are added in the SiteNow WYSIWYG they are not enclosed in a<div>wrapper and thedisplay: flexthat was previously added by default to the.alertclass rendered the alert text as unreadable.Basically, this format of alert below needs to work: