TDS Portal SIF Module CSS Updates #173
Conversation
TDS Portal SIF Assessment Updates
ChrispinP
added
enhancement
ChrispinP
requested review from
chiaberry,
dianamartin,
susannegov,
mddilley,
TracyLinder and
KaroEngstrom
| /**********************************/ | ||
| /**** Application Progress Bar ****/ | ||
| /**********************************/ | ||
| progress { width: 200px; height: 30px; } |
| .kn-notification { background-color: #2acee3 !important; font-size: 1.25em; color: black;} | ||
| .is-confirmation { background-color: #caf4bc !important; font-size: 1.25em; color: black;} | ||
| .is-warning { background-color: #ffe09a !important; font-size: 1.25em; color: black;} | ||
| .is-alert { background-color: #ff9b9c !important; font-size: 1.25em; color: black;} |
There was a problem hiding this comment.
Thanks Susanne, I have addressed this with my second commit so the styling is not overridden. I also simplified the lines.
There was a problem hiding this comment.
The CSS properties for font-weight, line-height, border-radius, and border are still on the kn-notification.is-alert form message styling looking at the screenshot above.
The line-height for the alert reminder makes the text slightly higher than than the other notification styling. The font-weight is set to 600 for the alert which might give the user the impression that the whole message is bolded instead of just the Reminder: text. You can try font-weight: normal !important; for line 4 (all notifications) or line 8 (just the alert).
The border and border-radius is fine as-is as Knack probably puts that styling for emphasis, but it does make the alert notification bigger than the other notifications as a result since they do not have borders.
I do like the line simplification, looks easier to read and maintain!
This commit updates the Validation language, organization, and code. We also simplify the Modal X lines.
As part of the SIF Module Updates, these items were updated:
Validation Message Styling
Back Links
Back Buttons
Username field styling
Progress Bar
and Reviewer Dashboard / Vision Team Dashboard stylings removed since we use Task Board now