app/assets/stylesheets/components/email-message.scss

$white-50-opaque: rgba($white, 0.5);
$button-bottom-border-colour: rgba(0, 0, 0, 0.17);
$email-message-gutter: govuk-spacing(9);

// sass-lint:disable no-important

.email-message {

  margin-bottom: govuk-spacing(6);
  border: 1px solid $border-colour;

  &-meta {

    @include core-19;
    margin: 0;

    td,
    th {
      @include core-19;
      border-top: 0;
      border-bottom: 1px solid $border-colour;
      vertical-align: top;
    }

    th {
      color: $secondary-text-colour;
      padding-left: $email-message-gutter;
    }

    td {

      width: 99%;
      padding-right: $email-message-gutter;
      word-break: break-word;

      &:last-child {
        padding-right: $email-message-gutter;
      }

    }

  }

  &-from {
    padding-top: 15px;
  }

  &-body {

    width: 100%;
    box-sizing: border-box;
    padding: govuk-spacing(3) $email-message-gutter 0 $email-message-gutter;
    margin: 0 0 0 0;
    clear: both;
    position: relative;
    word-wrap: break-word;

    table {
      margin: 0 0 20px 0;

      td {
        border: 0;
        padding: 0;
        font-family: inherit !important;
      }

      li:first-child {
        margin-top: 0 !important;
      }

    }

  }

}
Don’t lint SCSS files that have come from outside 2016-04-13 12:50:13 +01:00			`$white-50-opaque: rgba($white, 0.5);`
Make the flow of using templates better 2016-04-18 11:10:47 +01:00			`$button-bottom-border-colour: rgba(0, 0, 0, 0.17);`
Replace $gutter with govuk-spacing function 2020-02-21 13:21:44 +00:00			`$email-message-gutter: govuk-spacing(9);`
Don’t lint SCSS files that have come from outside 2016-04-13 12:50:13 +01:00
Updated email preview to mimic sent emails 2018-01-10 16:00:11 +00:00			`// sass-lint:disable no-important`

Add a prototype email template 2016-01-13 16:27:54 +00:00			`.email-message {`

Replace $gutter with govuk-spacing function 2020-02-21 13:21:44 +00:00			`margin-bottom: govuk-spacing(6);`
Add a border around the email template 2017-03-10 17:00:13 +00:00			`border: 1px solid $border-colour;`
Add a prototype email template 2016-01-13 16:27:54 +00:00
Make email pattern work in new context 2016-02-23 14:58:49 +00:00			`&-meta {`

			`@include core-19;`
			`margin: 0;`

			`td,`
			`th {`
			`@include core-19;`
Add a border around the email template 2017-03-10 17:00:13 +00:00			`border-top: 0;`
			`border-bottom: 1px solid $border-colour;`
Fix bug which prevented viewing an email job 2016-03-09 12:18:11 +00:00			`vertical-align: top;`
Make email pattern work in new context 2016-02-23 14:58:49 +00:00			`}`

			`th {`
			`color: $secondary-text-colour;`
Add a border around the email template 2017-03-10 17:00:13 +00:00			`padding-left: $email-message-gutter;`
Make email pattern work in new context 2016-02-23 14:58:49 +00:00			`}`

			`td {`
Fix overridden padding on email subject 2017-09-28 10:45:47 +01:00
Make email pattern work in new context 2016-02-23 14:58:49 +00:00			`width: 99%;`
Add a border around the email template 2017-03-10 17:00:13 +00:00			`padding-right: $email-message-gutter;`
Make meta email preview meta info wrap nicely 2017-05-03 15:12:25 +01:00			`word-break: break-word;`
Fix overridden padding on email subject 2017-09-28 10:45:47 +01:00
Update email-message.scss 2017-09-28 16:15:48 +01:00			`&:last-child {`
Fix overridden padding on email subject 2017-09-28 10:45:47 +01:00			`padding-right: $email-message-gutter;`
			`}`

Make email pattern work in new context 2016-02-23 14:58:49 +00:00			`}`

Preview service name when adding a new service 2016-02-18 14:54:59 +00:00			`}`

			`&-from {`
			`padding-top: 15px;`
			`}`

			`&-body {`
Move parameters out of the `…_message` components 2016-05-26 17:05:16 +01:00
Preview service name when adding a new service 2016-02-18 14:54:59 +00:00			`width: 100%;`
			`box-sizing: border-box;`
Replace $gutter with govuk-spacing function 2020-02-21 13:21:44 +00:00			`padding: govuk-spacing(3) $email-message-gutter 0 $email-message-gutter;`
Add a border around the email template 2017-03-10 17:00:13 +00:00			`margin: 0 0 0 0;`
Preview service name when adding a new service 2016-02-18 14:54:59 +00:00			`clear: both;`
Truncate previews of email messages to ~3 lines 2016-04-11 15:16:41 +01:00			`position: relative;`
Wrap long words in email template previews 2016-04-13 14:59:19 +01:00			`word-wrap: break-word;`
Truncate previews of email messages to ~3 lines 2016-04-11 15:16:41 +01:00
Updated email preview to mimic sent emails 2018-01-10 16:00:11 +00:00			`table {`
			`margin: 0 0 20px 0;`

			`td {`
			`border: 0;`
			`padding: 0;`
			`font-family: inherit !important;`
			`}`

			`li:first-child {`
			`margin-top: 0 !important;`
			`}`

			`}`

Add a prototype email template 2016-01-13 16:27:54 +00:00			`}`

			`}`