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

Reset click size of template list link

Browse Source 
Was previously larger for links at the root level
but this was lost when the HTML for these items
was changed.

See
https://github.com/alphagov/notifications-admin/pull/2750
for details on the previous style.
This commit is contained in:
Tom Byers
2020-10-06 16:33:44 +01:00
parent 340d66246a
commit 3263706fcd
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -100,6 +100,34 @@ $message-type-bottom-spacing: govuk-spacing(4);
}
.template-list-template,
.template-list-folder {
position: relative; /* contain absolutely positioned ::before pseudo element*/
display: block; /* fill horizontal space to allow hint/meta below to float */
&::before {
content: '';
position: absolute;
left: 0px;
bottom: -100%; /* extend link by 100% of vertical size so it covers the hint/meta */
width: 100%;
height: 100%;
}
&:active::before,
&: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 {
position: relative; /* needs to be non-static to have a z-index above the link :before element */
}
}
}
&-label {