diff --git a/app/__init__.py b/app/__init__.py index 2f86e12d4..bd2f3d619 100644 --- a/app/__init__.py +++ b/app/__init__.py @@ -198,7 +198,7 @@ def format_datetime(date): def format_datetime_normal(date): - return gmt_timezones(date).strftime('%d %B %Y at %H:%M') + return gmt_timezones(date).strftime('%d %B %Y at %H:%M').lstrip('0') def format_datetime_short(date): @@ -214,7 +214,7 @@ def format_date(date): def format_date_normal(date): - return gmt_timezones(date).strftime('%d %B %Y') + return gmt_timezones(date).strftime('%d %B %Y').lstrip('0') def format_date_short(date): diff --git a/app/assets/stylesheets/components/email-message.scss b/app/assets/stylesheets/components/email-message.scss index 338668140..53230bb62 100644 --- a/app/assets/stylesheets/components/email-message.scss +++ b/app/assets/stylesheets/components/email-message.scss @@ -5,17 +5,6 @@ $button-bottom-border-colour: rgba(0, 0, 0, 0.17); margin-bottom: $gutter; - &-name { - @include bold-24; - margin: 20px 0 5px 0; - } - - &-updated-at { - @include copy-16; - color: $secondary-text-colour; - margin: 0 0 10px 0; - } - &-meta { @include core-19; @@ -45,7 +34,7 @@ $button-bottom-border-colour: rgba(0, 0, 0, 0.17); } &-body { - + width: 100%; box-sizing: border-box; padding: $gutter-half 0 0 0; diff --git a/app/assets/stylesheets/components/message.scss b/app/assets/stylesheets/components/message.scss new file mode 100644 index 000000000..bf8a2c8ab --- /dev/null +++ b/app/assets/stylesheets/components/message.scss @@ -0,0 +1,38 @@ +.message { + + &-name { + @include bold-24; + margin: 20px 0 5px 0; + } + + &-updated-at { + @include copy-16; + color: $secondary-text-colour; + margin: 0 0 5px 0; + } + + &-use-links { + + @include copy-16; + margin-top: -7px; + color: $secondary-text-colour; + + a { + @include core-19; + display: block; + margin-bottom: 5px; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + + } + + .primary { + @include bold-19; + } + + } + +} diff --git a/app/assets/stylesheets/components/sms-message.scss b/app/assets/stylesheets/components/sms-message.scss index 1ce242b2f..29696bd04 100644 --- a/app/assets/stylesheets/components/sms-message.scss +++ b/app/assets/stylesheets/components/sms-message.scss @@ -40,23 +40,6 @@ margin: 20px 0 5px 0; } -.sms-message-updated-at { - @include copy-16; - color: $secondary-text-colour; - margin: 0 0 10px 0; -} - -.sms-message-use-links-history { - @include copy-16; - color: $secondary-text-colour; - margin: 45px 0 0 0; - - .primary { - color: $text-colour; - - } -} - .sms-message-picker { display: block; margin: 7px 0 0 0; @@ -66,34 +49,6 @@ z-index: 50; } -%sms-message-use-links, -.sms-message-use-links { - - @include copy-19; - margin-top: 35px; - - a { - display: block; - margin-bottom: 5px; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - - } - - .primary { - @include bold-19; - } - -} - -.sms-message-use-links-with-title { - @extend %sms-message-use-links; - margin-top: 50px; -} - .sms-message-from { @include bold-19; display: block; diff --git a/app/assets/stylesheets/main.scss b/app/assets/stylesheets/main.scss index eae80027d..b6cc06f93 100644 --- a/app/assets/stylesheets/main.scss +++ b/app/assets/stylesheets/main.scss @@ -51,6 +51,7 @@ $path: '/static/images/'; @import 'components/pill'; @import 'components/secondary-button'; @import 'components/show-more'; +@import 'components/message'; @import 'views/job'; @import 'views/edit-template'; diff --git a/app/templates/components/email-message.html b/app/templates/components/email-message.html index 649c2410b..c7e7db0ae 100644 --- a/app/templates/components/email-message.html +++ b/app/templates/components/email-message.html @@ -1,32 +1,13 @@ {% macro email_message( subject, body, - name=None, - edit_link=None, from_name=None, from_address=None, recipient=None, id=None, - updated_at=None, - versions_url=None, - version=1, show_placeholder_for_recipient=False, show_id=False ) %} - {% if name %} -