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

Fix links to files in dashboard table

Browse Source 
Includes fixes for the grey text they overlap,
when the adjacent link is focused.
This commit is contained in:
Tom Byers
2020-09-15 11:01:32 +01:00
parent 6ca5745ad5
commit 32b2f617f1
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -96,6 +96,29 @@
} }
/* The focus state for sibling links overlaps the hint so the hint's text colour needs to adapt */
.govuk-link:focus {
&.file-list-filename,
&.file-list-filename-large,
& + .file-list-hint,
& + .file-list-hint-large {
/* link needs non-static position to overlap the cell border, hint so it isn't overlapped itself */
position: relative;
}
&.file-list-filename,
&.file-list-filename-large {
/* override box-shadow to push underline down a bit */
box-shadow: 0 -2px $govuk-focus-colour, 0 5px $govuk-focus-text-colour;
}
& + .file-list-hint,
& + .file-list-hint-large {
color: $govuk-focus-text-colour;
}
}
.failure-highlight { .failure-highlight {
@include bold-19; @include bold-19;
color: $error-colour; color: $error-colour;