darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-02-13 06:54:20 -05:00
Code Issues Packages Projects Releases Wiki Activity

Tidy up layout of letter contact blocks

Browse Source 
Linebreaks are an important part of the letter contact block, and make
it easier to read.

Bold text works for short pieces of info like email addresses or phone
numbers, but is too heavy for the letter contact blocks because they
tend to be longer.
This commit is contained in:
Chris Hill-Scott
2017-10-25 11:46:12 +01:00
parent 2386a05cb7
commit 127c381d22
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/views/users.scss
View File

@@ -1,3 +1,5 @@
$item-top-padding: $gutter-half;
.user-list {
@include core-19;
@@ -5,8 +7,9 @@
&-item {
padding: $gutter-half 150px $gutter-half 0;
padding: $item-top-padding 150px $gutter-half 0;
border-top: 1px solid $border-colour;
position: relative;
&:last-child {
border-bottom: 1px solid $border-colour;
@@ -14,4 +17,11 @@
}
&-edit-link {
text-align: right;
position: absolute;
top: $item-top-padding;
right: 0px;
}
}

22
app/templates/views/service-settings/letter-contact-details.html
View File

@@ -27,18 +27,16 @@
{% endif %}
{% for item in letter_contact_details %}
<div class="user-list-item">
<h3>
<span class="heading-small">{{ item.contact_block }}</span>&ensp;<span class="hint">
{%- if item.is_default -%}
(default)
{% endif %}
</span>
</h3>
<ul class="tick-cross-list">
<li class="tick-cross-list-edit-link">
<a href="{{ url_for('.service_edit_letter_contact', service_id =current_service.id, letter_contact_id = item.id) }}">Change</a>
</li>
</ul>
<p>
{{ item.contact_block | nl2br | safe }}
</p>
<p class="hint">
{%- if item.is_default -%}
(default)
{% endif %}
</p>
<a class="user-list-edit-link" href="{{ url_for('.service_edit_letter_contact', service_id =current_service.id, letter_contact_id = item.id) }}">Change</a>
{% if letter_contact_details|length > 1 %}
{{ api_key(item.id, thing="ID") }}
{% endif %}