[BB-7033] Improve alerts styling
This PR introduces a new wrapper around bootstrap Alert component, called CustomAlert
that implements required design page. It provides an option to show buttons that can be passed in via variables, within the alerts.
In addition to the bootstrap Alert properties, the following values may be passed in as variables:
- alertTitle (string)
- alertBody (string)
- showButtons (boolean)
- leftButton (Button element)
- rightButton (Button element)
Supporting information
Visual changes
- Screenshots
Danger Alert type
Warning Alert type (with buttons passed in)
Success Alert type
Testing instructions
- Checkout this branch and provision your devstack.
- On login screen, type in the wrong password and verify the danger alert.
- Add a new checklist.
- Login with the correct credentials and attempt to submit without completing the checklist.
- verify the warning alert with buttons.
- Click on "yes, submit" option and verify the success alert.
Author notes and concerns
Edited by Pooja Kulkarni