diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss index f1ef8a107..ca27acac0 100644 --- a/app/assets/stylesheets/components/banner.scss +++ b/app/assets/stylesheets/components/banner.scss @@ -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; + } + +} diff --git a/app/templates/views/styleguide.html b/app/templates/views/styleguide.html index add35d985..15bfa58df 100644 --- a/app/templates/views/styleguide.html +++ b/app/templates/views/styleguide.html @@ -19,7 +19,9 @@ Styleguide -
++ View source +
Used to show the status of a thing or action.
@@ -41,6 +43,8 @@ {{ banner('Are you sure you want to delete?', 'dangerous', delete_button="Yes, delete this thing")}} + {{ banner('Send your first message'|safe, 'tip')}} +Used to show some important statistics.
@@ -90,9 +94,15 @@ {{ 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( 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", "+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( "Your vehicle tax for ((registration number)) is due on ((date)). Renew online at www.gov.uk/vehicle-tax", name="Reminder",