mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-12 18:08:57 -04:00
Merge pull request #4141 from alphagov/refactor-current-alerts-html
Fix current alerts focus styles - part 1
This commit is contained in:
@@ -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');
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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 %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user