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

Fix focus style gap at top in keyline-block

Browse Source 
File-list items contained by div.keyline-block's
are pushed down 3px more than elsewhere which
creates a gap between the top of the focus style
and the keyline above. This extends the part of
the focus style made up by a box-shadow by 3px so
it covers the gap.
This commit is contained in:
Tom Byers
2022-02-15 13:02:39 +00:00
parent 776f210e7b
commit 1d69f7ab61
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -120,6 +120,11 @@
&.file-list-filename-large { &.file-list-filename-large {
/* override box-shadow to push underline down a bit */ /* override box-shadow to push underline down a bit */
box-shadow: 0 -2px $govuk-focus-colour, 0 5px $govuk-focus-text-colour; box-shadow: 0 -2px $govuk-focus-colour, 0 5px $govuk-focus-text-colour;
// File-list items contained by keyline-blocks have more spacing at the top so adapt to cover it
.keyline-block > .file-list & {
box-shadow: 0 -5px $govuk-focus-colour, 0 5px $govuk-focus-text-colour;
}
} }
& + .file-list-hint, & + .file-list-hint,