darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-06-24 01:11:15 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #543 from alphagov/left-align-itemised-big-numbers

Browse Source 
Make right-aligned big numbers left aligned
This commit is contained in:
Pete Herlihy
2016-05-06 09:58:46 +01:00
parent 6676b0e50a b5d5689d5c
commit 960e5b5c61
4 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/components/big-number.scss
View File

@@ -11,10 +11,9 @@
}
.big-number-right-aligned {
.big-number-smaller {
@extend %big-number;
@include bold-36($tabular-numbers: true);
text-align: right;
}
.big-number-with-status {

4
app/templates/components/big-number.html
View File

@@ -1,5 +1,5 @@
{% macro big_number(number, label, label_link=None, currency='', right_aligned=False) %}
<div class="big-number{% if right_aligned %}-right-aligned{% endif %}">
{% macro big_number(number, label, label_link=None, currency='', smaller=False) %}
<div class="big-number{% if smaller %}-smaller{% endif %}">
{% if number is number %}
{% if currency %}
{{ "{}{:,.2f}".format(currency, number) }}

6
app/templates/views/dashboard/today.html
View File

@@ -47,7 +47,7 @@
<div class='grid-row'>
<div class='column-half'>
<div class="keyline-block">
{{ big_number("Unlimited", 'free email allowance', right_aligned=True) }}
{{ big_number("Unlimited", 'free email allowance', smaller=True) }}
</div>
</div>
<div class='column-half'>
@@ -57,10 +57,10 @@
(sms_chargeable * sms_rate),
'spent on text messages',
currency="£",
right_aligned=True
smaller=True
) }}
{% else %}
{{ big_number(sms_allowance_remaining, 'free text messages left', right_aligned=True) }}
{{ big_number(sms_allowance_remaining, 'free text messages left', smaller=True) }}
{% endif %}
</div>
</div>

14
app/templates/views/usage.html
View File

@@ -21,21 +21,21 @@
<div class='column-half'>
<h2 class='heading-small'>Emails</h2>
<div class="keyline-block">
{{ big_number(emails_sent, 'sent', right_aligned=True) }}
{{ big_number("Unlimited", 'free allowance', right_aligned=True) }}
{{ big_number(emails_sent, 'sent', smaller=True) }}
{{ big_number("Unlimited", 'free allowance', smaller=True) }}
</div>
</div>
<div class='column-half'>
<h2 class='heading-small'>Text messages</h2>
<div class="keyline-block">
{{ big_number(sms_sent, 'sent', right_aligned=True) }}
{{ big_number(sms_free_allowance, 'free allowance', right_aligned=True) }}
{{ big_number(sms_allowance_remaining, 'free allowance remaining', right_aligned=True) }}
{{ big_number(sms_sent, 'sent', smaller=True) }}
{{ big_number(sms_free_allowance, 'free allowance', smaller=True) }}
{{ big_number(sms_allowance_remaining, 'free allowance remaining', smaller=True) }}
{% if sms_chargeable %}
{{ big_number(
sms_chargeable,
'at {:.1f}p per message'.format(sms_rate * 100),
right_aligned=True
smaller=True
) }}
{% endif %}
</div>
@@ -54,7 +54,7 @@
(sms_chargeable * sms_rate),
'spent',
currency="£",
right_aligned=True
smaller=True
) }}
</div>
<p>