darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-05-28 01:50:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add style for areas once selected

Browse Source 
Just having them in the boxes with the 2px black border made them look
too much like textboxes.
This commit is contained in:
Chris Hill-Scott
2020-07-08 17:41:20 +01:00
parent 846fcbb8dd
commit 4d0da6594d
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/assets/stylesheets/components/area-list.scss
View File

@@ -55,6 +55,15 @@
} }
&--unremoveable {
padding-right: govuk-spacing(2);
background: $light-blue-25;
border-color: $light-blue-25;
color: $govuk-blue;
font-weight: bold;
margin-right: govuk-spacing(3);
}
} }
.govuk-button { .govuk-button {

4
app/templates/views/broadcast/preview-message.html
View File

@@ -11,13 +11,13 @@
{% block maincolumn_content %} {% block maincolumn_content %}
{{ page_header("Preview message", back_link=url_for('.preview_broadcast_areas', service_id=current_service.id)) }} {{ page_header("Preview", back_link=url_for('.preview_broadcast_areas', service_id=current_service.id)) }}
{% for area in selected %} {% for area in selected %}
{% if loop.first %} {% if loop.first %}
<ul class="area-list"> <ul class="area-list">
{% endif %} {% endif %}
<li class="area-list-item"> <li class="area-list-item area-list-item--unremoveable">
{{ area.name }} {{ area.name }}
</li> </li>
{% if loop.last %} {% if loop.last %}