From 1d69f7ab6104e3978d84ff63657f6e130d85ca59 Mon Sep 17 00:00:00 2001 From: Tom Byers Date: Tue, 15 Feb 2022 13:02:39 +0000 Subject: [PATCH] Fix focus style gap at top in keyline-block 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. --- app/assets/stylesheets/views/dashboard.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/assets/stylesheets/views/dashboard.scss b/app/assets/stylesheets/views/dashboard.scss index 82455a8e5..a63d728ef 100644 --- a/app/assets/stylesheets/views/dashboard.scss +++ b/app/assets/stylesheets/views/dashboard.scss @@ -120,6 +120,11 @@ &.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 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,