Refactor dashboard banner CSS and fix its text

Switches the CSS to use flexbox for layout and
uses a macro to let the text support single and
multiple messsages.
This commit is contained in:
Tom Byers
2020-02-17 16:44:41 +00:00
parent 84df70e520
commit cd262559cc
2 changed files with 25 additions and 15 deletions

View File

@@ -1,4 +1,5 @@
{% from "components/big-number.html" import big_number, big_number_with_status %}
{% from "components/message-count-label.html" import message_count_label %}
<div class="ajax-block">
{% if inbound_sms_summary != None %}
@@ -7,7 +8,7 @@
{{ inbound_sms_summary.count|format_thousands }}
</span>
<span class="banner-dashboard-count-label">
text messages received
{{ message_count_label(inbound_sms_summary.count, 'sms', suffix='received') }}
</span>
{% if inbound_sms_summary.most_recent %}
<span class="banner-dashboard-meta">