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

Add a new style of banner—‘tip’

Browse Source 
This banner is meant for onboarding users and giving them prompts about what
they should do next.
This commit is contained in:
Chris Hill-Scott
2016-02-02 09:38:31 +00:00
parent 683f8d4161
commit 46db79c421
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/stylesheets/components/banner.scss
View File

@@ -51,3 +51,19 @@
} }
} }
.banner-tip {
@extend .banner;
background: $yellow;
color: $text-colour;
text-align: left;
border: 5px solid $text-colour;
font-weight: bold;
a:link, a:visited {
color: $text-colour;
text-decoration: underline;
}
}

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

@@ -19,7 +19,9 @@
Styleguide Styleguide
</h1> </h1>
<p><a href="https://github.com/alphagov/notifications-admin/blob/master/app/templates/views/styleguide.html">View source</a></p> <p>
<a href="https://github.com/alphagov/notifications-admin/blob/master/app/templates/views/styleguide.html">View source</a>
</p>
<h2 class="heading-large">Banner</h2> <h2 class="heading-large">Banner</h2>
<p>Used to show the status of a thing or action.</p> <p>Used to show the status of a thing or action.</p>
@@ -41,6 +43,8 @@
{{ banner('Are you sure you want to delete?', 'dangerous', delete_button="Yes, delete this thing")}} {{ banner('Are you sure you want to delete?', 'dangerous', delete_button="Yes, delete this thing")}}
{{ banner('<a href="#">Send your first message</a>'|safe, 'tip')}}
<h2 class="heading-large">Big number</h2> <h2 class="heading-large">Big number</h2>
<p>Used to show some important statistics.</p> <p>Used to show some important statistics.</p>
@@ -90,9 +94,15 @@
</p> </p>
{{ page_footer( {{ page_footer(
button_text='Save and continue' button_text='Next step'
) }} ) }}
{{ page_footer(
button_text='Save',
delete_link='http://example.com',
delete_link_text='delete this thing'
)}}
{{ page_footer( {{ page_footer(
button_text='Delete', destructive=True button_text='Delete', destructive=True
) }} ) }}
@@ -113,6 +123,11 @@
"Your vehicle tax for registration number is due on date. Renew online at www.gov.uk/vehicle-tax", "Your vehicle tax for registration number is due on date. Renew online at www.gov.uk/vehicle-tax",
"+44 7700 900 306" "+44 7700 900 306"
) }} ) }}
{{ sms_message(
"Your vehicle tax for ((registration number)) is due on ((date)). Renew online at www.gov.uk/vehicle-tax",
name='Two week reminder',
edit_link='#'
) }}
{{ sms_message( {{ sms_message(
"Your vehicle tax for ((registration number)) is due on ((date)). Renew online at www.gov.uk/vehicle-tax", "Your vehicle tax for ((registration number)) is due on ((date)). Renew online at www.gov.uk/vehicle-tax",
name="Reminder", name="Reminder",