darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-20 14:29:51 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4141 from alphagov/refactor-current-alerts-html

Browse Source 
Fix current alerts focus styles - part 1
This commit is contained in:
Tom Byers
2022-02-09 11:23:07 +00:00
committed by GitHub
parent 6fe766ffaf 10ab1dfe72
commit 73cc034676
3 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -108,17 +108,22 @@ a {
}
}
&:active,
&:focus {
&:focus,
&:active {
&,
&::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: $govuk-text-colour;
color: $govuk-focus-text-colour;
}
&::before {
box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour;
}
}
@@ -177,7 +182,8 @@ a {
background-image: file-url('folder-blue-bold-hover.svg');
}
&:focus {
&:focus,
&:active {
background-image: file-url('folder-black-bold.svg');
}

8
app/assets/stylesheets/views/dashboard.scss
View File

@@ -68,6 +68,14 @@
margin-top: -10px;
}
&-filename-large-no-hint {
padding-bottom: 0;
padding-top: 5px;
margin-bottom: 0;
margin-top: 5px;
overflow: visible; // don't cut off thicker underline
}
&-filename-unlinked {
@include core-19;
}