mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-19 05:59:44 -04:00
Reset click size of template list link
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:
@@ -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 {
|
&-label {
|
||||||
|
|||||||
Reference in New Issue
Block a user