darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-10 10:03:21 -04:00
Code Issues Packages Projects Releases Wiki Activity

Replace message_status component with banner

Browse Source 
Message status was almost identical to banner, visually and semantically.
This consolidates the two into one component.

This means adding an extra parameter which controls whether or not the banner
has a tick (with and without a tick are the only two variations currently).
This commit is contained in:
Chris Hill-Scott
2016-01-11 11:27:42 +00:00
parent b303e06ca0
commit 85b0b4af21
7 changed files with 25 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/templates/views/styleguide.html
View File

@@ -4,7 +4,7 @@
{% from "components/big-number.html" import big_number %}
{% from "components/browse-list.html" import browse_list %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/sms-message.html" import sms_message, message_status %}
{% from "components/sms-message.html" import sms_message %}
{% from "components/table.html" import mapping_table, list_table, row, field %}
{% from "components/textbox.html" import textbox %}
@@ -20,7 +20,12 @@
<h2 class="heading-large">Banner</h2>
<p>Used to show the result of a user’s action.</p>
{{ banner("This is a banner") }}
{{ banner("This is a banner", with_tick=True) }}
<div class="grid-row">
<div class="column-one-third">
{{ banner("Delivered 10:20") }}
</div>
</div>
<h2 class="heading-large">Big number</h2>
@@ -97,13 +102,6 @@
</div>
</div>
<h2 class="heading-large">Message status</h2>
<div class="grid-row">
<div class="column-third">
{{ message_status("Delivered 10:20") }}
</div>
</div>
<h2 class="heading-large">Tables</h2>
{% call mapping_table(