darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-18 05:30:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add large link, no hint variant to file-list

Browse Source 
At present the file-list pattern assumes each
item has hint text below the link and so increases
the hit area to overlap the hint. This adds a
variant for items without one and uses it on the
page for choosing an alert sub-area.
This commit is contained in:
Tom Byers
2022-01-25 21:20:39 +00:00
parent 876c7969e1
commit 5ad8f41123
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/views/dashboard.scss
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;
}

2
app/templates/views/broadcast/areas-with-sub-areas.html
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 %}