Stop recipient address wrapping to multiple lines

Stops the sticky footer getting too tall. Added a title attribute so
people can hover and see the whole thing if they really need to.
This commit is contained in:
Chris Hill-Scott
2019-11-27 11:24:50 +00:00
parent 9084dc8996
commit 98edecbe29
2 changed files with 7 additions and 1 deletions

View File

@@ -5,3 +5,9 @@
}
}
.send-recipient {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

View File

@@ -32,7 +32,7 @@
{% if status == 'valid' and current_service.live %}
<div class="js-stick-at-bottom-when-scrolling">
<p class="top-gutter-0 bottom-gutter-1-2">
<p class="top-gutter-0 bottom-gutter-1-2 send-recipient" title="{{ recipient }}">
Recipient: {{ recipient }}
</p>