Merge pull request #4141 from alphagov/refactor-current-alerts-html

Fix current alerts focus styles - part 1
This commit is contained in:
Tom Byers
2022-02-09 11:23:07 +00:00
committed by GitHub
3 changed files with 20 additions and 6 deletions

View File

@@ -108,17 +108,22 @@ a {
}
}
&:active,
&:focus {
&:focus,
&:active {
&,
&::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 {
color: $govuk-text-colour;
color: $govuk-focus-text-colour;
}
&::before {
box-shadow: 0px -2px $govuk-focus-colour, 0px 4px $govuk-focus-text-colour;
}
}
@@ -177,7 +182,8 @@ a {
background-image: file-url('folder-blue-bold-hover.svg');
}
&:focus {
&:focus,
&:active {
background-image: file-url('folder-black-bold.svg');
}

View File

@@ -68,6 +68,14 @@
margin-top: -10px;
}
&-filename-large-no-hint {
padding-bottom: 0;
padding-top: 5px;
margin-bottom: 0;
margin-top: 5px;
overflow: visible; // don't cut off thicker underline
}
&-filename-unlinked {
@include core-19;
}

View File

@@ -25,7 +25,7 @@
{% for area in library|sort %}
<div class="file-list-item">
<a class="file-list-filename-large govuk-link govuk-link--no-visited-state" href="{{ url_for('.choose_broadcast_sub_area', service_id=current_service.id, broadcast_message_id=broadcast_message.id, library_slug=library.id, area_slug=area.id) }}">{{ area.name }}</a>
<a class="file-list-filename-large file-list-filename-large-no-hint govuk-link govuk-link--no-visited-state" href="{{ url_for('.choose_broadcast_sub_area', service_id=current_service.id, broadcast_message_id=broadcast_message.id, library_slug=library.id, area_slug=area.id) }}">{{ area.name }}</a>
</div>
{% endfor %}