darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-24 12:21:22 -05: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-23 14:07:45 +01: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

17
app/assets/stylesheets/components/message.scss
View File

@@ -114,10 +114,19 @@ $message-type-bottom-spacing: govuk-spacing(4);
height: 100%;
}
&:active::before,
&:focus::before {
background-color: $govuk-focus-colour;
box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour;
&:active,
&:focus {
&::before {
background-color: $govuk-focus-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,