feat(notif): Restyle HTML email notifications Part 2 (#1917)

* Restyle HTML email notifications

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Font and actionUrl

Incorporated font and action Url change suggestions.

* Timestamp Padding

Added padding-right to timestamp field

* Hover and Word Wrap Changes

* Hover and Title Wrap

Added hover effects on title and wrapped it instead of truncating.

* Fixed indentation for mediaExtra

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Font Size Scaling Changes

* Removed superflous class name and CSS

* Hover and Title Wrap

Added hover effects on title and wrapped it instead of truncating.

* Fixed indentation for mediaExtra

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Update server/templates/email/media-request/html.pug

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>

* Font Size Scaling Changes

* Removed superflous class name and CSS

* Align all email templates

* Reformat all other email notificaitons

Co-authored-by: TheCatLady <52870424+TheCatLady@users.noreply.github.com>
This commit is contained in:
tangentThought
2021-08-09 01:55:37 -07:00
committed by GitHub
parent 0ce18b21ca
commit 376149d6eb
5 changed files with 84 additions and 149 deletions

View File

@@ -40,7 +40,7 @@ div(style='display: block; background-color: #111827;')
tr
td(style="text-align: center;")
a(href=applicationUrl)
img(src=applicationUrl +'/logo_full.svg' style='width: 26rem; padding: 1rem;')
img(src=applicationUrl +'/logo_full.png' style='width: 26rem; padding: 1rem; image-rendering: crisp-edges; image-rendering: -webkit-optimize-contrast;')
tr
td(style='text-align: center;')
div(style='margin: 0rem 1rem 1rem; font-size: 1.25em;')
@@ -78,4 +78,4 @@ div(style='display: block; background-color: #111827;')
td
a(href=actionUrl style='display: block; margin: 1.5rem 3rem 2.5rem 3rem; text-decoration: none; font-size: 1.0em; line-height: 2.25em;')
span(style='padding: 0.2rem; font-weight: 500; text-align: center; border-radius: 10px; background-color: rgb(99,102,241); color: #fff; display: block; border: 1px solid rgba(255, 255, 255, 0.2);')
| Open in #{applicationTitle}
| Open in #{applicationTitle}