darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-10 18:22:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix hint text colour contrast when focused

Browse Source 
Uses a colour that will be added to the core
palette in GOVUK Frontend.

See: https://design-system.service.gov.uk/styles/colour/#main-colours
This commit is contained in:
Tom Byers
2020-10-27 15:55:57 +00:00
parent 744d76e8d9
commit 43d7d0a034
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/components/message.scss
+11 -2
View File
@@ -114,12 +114,21 @@ $message-type-bottom-spacing: govuk-spacing(4);
height: 100%; height: 100%;
} }
&:active::before, &:active,
&:focus::before { &:focus {
&::before {
background-color: $govuk-focus-colour; background-color: $govuk-focus-colour;
box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour; box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour;
} }
& + .template-list-item-hint,
& + .message-type {
color: #505A5F; /* TO DO: replace with $govuk-secondary-text-colour when GOVUK Frontend is past 3.x.x */
}
}
& + .template-list-item-hint, & + .template-list-item-hint,
& + .message-type { & + .message-type {
position: relative; /* needs to be non-static to have a z-index above the link :before element */ position: relative; /* needs to be non-static to have a z-index above the link :before element */