-
Type:
Story
-
Status: Closed (View Workflow)
-
Resolution: Done
-
Affects Version/s: None
-
Fix Version/s: None
-
Component/s: None
-
Labels:
-
Sprint:CFAMX Angular Update Sprint 2
-
SCRUM Team:Brotherhood of Mutants
-
Story Points:3
-
Work Type Classification:Sustaining
Details
- Alert Bars - Text color for all alert bars: #888C90
- Error:
- Background Color - #F8DEE4
- Border Color (1px) - #CC0033
- Warning:
- Background Color - #FFF5CC
- Border Color (1px) - #FFCC00
- Info:
- Background Color - #CEECF6
- Border Color (1px) - #1E7D99
- Success:
- Background Color - #449D44
- Border Color (1px) - #398439
- Error:
- Toasts - Text color for all alert bars: #888C90
- Error:
- Background Color - #F8DEE4
- Border Color (1px) - #CC0033
- Warning:
- Background Color - #FFF5CC
- Border Color (1px) - #FFCC00
- Success:
- Background Color - #449D44
- Border Color (1px) - #398439
- Error:
- Info Icons and Bubbles
- Icon Background - #1E7D99
- Bubble Border (1px) - #1E7D99
- Bubble Font Color: Title - #888C90
- Bubble Font Color: Body - #4A5456
Example Images
The images below are to use as a general example. Please follow the color palette outlined above.
AC
- Confirm that Alert Bars, Toasts, and Info Icons/Info Icon text bubbles follow the pattern above.
- implements
-
CFAMX-12930 Angular Update Style Guide
-
- In Development
-
1.
|
Update BS5 styling |
|
Done | Asad Siddiqui (Inactive) |
|
||||||||
2.
|
Fix the close button |
|
Done | Asad Siddiqui (Inactive) |
|
||||||||
3.
|
Dev testing |
|
Done | Asad Siddiqui (Inactive) |
|
||||||||
4.
|
Execute Test Cases |
|
Done | Soma Dixon (Inactive) |
|
||||||||
5.
|
Deploy |
|
Done | Soma Dixon (Inactive) |
|
||||||||
6.
|
QA Hand Off |
|
Done | Asad Siddiqui (Inactive) |
|
||||||||
7.
|
Make Modal Width similar to MX Connect |
|
Done | Asad Siddiqui (Inactive) |
|
