Updated all email templates to conform to Gab default UI

• Updated: - all email templates to conform to Gab default UI • Removed: - Unused mailer.css - Unused mailer icons/images
2020-05-28 19:09:14 -04:00
parent 6d330716cd
commit 4f07f6893d
36 changed files with 460 additions and 1459 deletions
--- a/app/javascript/images/mailer/icon_cached.png
+++ b/app/javascript/images/mailer/icon_cached.png
--- a/app/javascript/images/mailer/icon_done.png
+++ b/app/javascript/images/mailer/icon_done.png
--- a/app/javascript/images/mailer/icon_email.png
+++ b/app/javascript/images/mailer/icon_email.png
--- a/app/javascript/images/mailer/icon_file_download.png
+++ b/app/javascript/images/mailer/icon_file_download.png
--- a/app/javascript/images/mailer/icon_grade.png
+++ b/app/javascript/images/mailer/icon_grade.png
--- a/app/javascript/images/mailer/icon_lock_open.png
+++ b/app/javascript/images/mailer/icon_lock_open.png
--- a/app/javascript/images/mailer/icon_person_add.png
+++ b/app/javascript/images/mailer/icon_person_add.png
--- a/app/javascript/images/mailer/icon_reply.png
+++ b/app/javascript/images/mailer/icon_reply.png
--- a/app/javascript/images/mailer/icon_warning.png
+++ b/app/javascript/images/mailer/icon_warning.png
--- a/app/javascript/images/mailer/logo_full.png
+++ b/app/javascript/images/mailer/logo_full.png
--- a/app/javascript/images/mailer/logo_sm_brand.svg
+++ b/app/javascript/images/mailer/logo_sm_brand.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="111px" height="68px" viewBox="0 0 111 68" version="1.1">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,81.960784%,47.058824%);fill-opacity:1;" d="M 26.257812 18.21875 L 36.402344 18.21875 L 36.402344 46.214844 C 36.402344 59.640625 29.113281 66.066406 18.144531 66.066406 C 13.136719 66.066406 8.699219 64.351562 5.972656 61.996094 L 10.03125 54.359375 C 12.375 55.949219 14.59375 56.90625 17.574219 56.90625 C 22.964844 56.90625 26.257812 53.023438 26.257812 47.425781 L 26.257812 45.707031 C 23.976562 48.441406 20.746094 49.78125 17.195312 49.78125 C 8.507812 49.78125 1.917969 42.527344 1.917969 33.492188 C 1.917969 24.457031 8.507812 17.203125 17.195312 17.203125 C 20.746094 17.203125 23.976562 18.539062 26.257812 21.273438 Z M 19.160156 40.617188 C 23.027344 40.617188 26.257812 37.371094 26.257812 33.492188 C 26.257812 29.609375 23.027344 26.363281 19.160156 26.363281 C 15.292969 26.363281 12.058594 29.609375 12.058594 33.492188 C 12.058594 37.371094 15.292969 40.617188 19.160156 40.617188 Z M 69.445312 48.761719 L 59.304688 48.761719 L 59.304688 46.214844 C 57.339844 48.441406 54.613281 49.78125 51.0625 49.78125 C 43.960938 49.78125 40.03125 44.816406 40.03125 39.152344 C 40.03125 30.753906 50.300781 27.636719 59.175781 30.308594 C 58.988281 27.574219 57.273438 25.601562 53.726562 25.601562 C 51.253906 25.601562 48.398438 26.554688 46.625 27.574219 L 43.582031 20.257812 C 45.929688 18.730469 50.238281 17.203125 55.246094 17.203125 C 62.664062 17.203125 69.445312 21.402344 69.445312 32.855469 Z M 59.304688 36.671875 C 54.550781 35.144531 50.175781 35.972656 50.175781 39.34375 C 50.175781 41.316406 51.824219 42.652344 53.789062 42.652344 C 56.132812 42.652344 58.796875 40.746094 59.304688 36.671875 Z M 84.742188 1.933594 L 84.742188 21.273438 C 87.023438 18.539062 90.253906 17.203125 93.804688 17.203125 C 102.492188 17.203125 109.082031 24.457031 109.082031 33.492188 C 109.082031 42.527344 102.492188 49.78125 93.804688 49.78125 C 90.253906 49.78125 87.023438 48.441406 84.742188 45.707031 L 84.742188 48.761719 L 74.597656 48.761719 L 74.597656 1.933594 Z M 91.839844 40.617188 C 95.707031 40.617188 98.941406 37.371094 98.941406 33.492188 C 98.941406 29.609375 95.707031 26.363281 91.839844 26.363281 C 87.972656 26.363281 84.742188 29.609375 84.742188 33.492188 C 84.742188 37.371094 87.972656 40.617188 91.839844 40.617188 Z M 91.839844 40.617188 "/>
+</g>
+</svg>
--- a/app/javascript/images/mailer/logo_transparent.png
+++ b/app/javascript/images/mailer/logo_transparent.png
--- a/app/javascript/packs/mailer.js
+++ b/app/javascript/packs/mailer.js
@@ -1 +0,0 @@
-require('../styles/mailer.css');
--- a/app/javascript/styles/mailer.css
+++ b/app/javascript/styles/mailer.css
@@ -1,523 +0,0 @@
-* {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", sans-serif;
-}
-
-table,
-td,
-div {
-  box-sizing: border-box;
-}
-
-html,
-body {
-  width: 100% !important;
-  min-width: 100%;
-  margin: 0;
-  padding: 0;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-}
-
-.email-body td,
-.email-body div,
-.email-body a,
-.email-body span {
-  line-height: inherit;
-}
-
-a,
-a:visited,
-a span {
-  text-decoration: none;
-  color: #21cf7a
-}
-
-a #outlook {
-  padding: 0;
-}
-
-img {
-  outline: none;
-  border: 0;
-  text-decoration: none;
-  -ms-interpolation-mode: bicubic;
-  clear: both;
-  line-height: 100%;
-}
-
-table {
-  border-spacing: 0;
-  mso-table-lspace: 0;
-  mso-table-rspace: 0;
-}
-
-td {
-  vertical-align: top;
-}
-
-.email-table,
-.content-section,
-.column,
-.column-cell {
-  width: 100%;
-  min-width: 100%;
-}
-
-.email-body {
-  font-size: 0 !important;
-  line-height: 100%;
-  text-align: center;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.email-start {
-  padding-top: 32px;
-}
-
-.email-end {
-  padding-bottom: 32px;
-}
-
-.email-body,
-html,
-body {
-  background-color: #404040;
-}
-
-.email-container,
-.email-row,
-.col-0,
-.col-1,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6 {
-  font-size: 0;
-  display: inline-block;
-  width: 100%;
-  min-width: 100%;
-  min-width: 0 !important;
-  vertical-align: top;
-}
-
-.content-cell {
-  width: 100%;
-  min-width: 100%;
-  min-width: 0 !important;
-  vertical-align: top;
-  padding-top: 16px;
-  padding-bottom: 16px;
-}
-
-.column-cell.button-cell {
-  padding-top: 0;
-}
-
-.email-container {
-  max-width: 632px;
-  margin: 0 auto;
-  text-align: center;
-}
-
-.email-row {
-  display: block;
-  max-width: 600px !important;
-  margin: 0 auto;
-  text-align: center;
-  clear: both;
-}
-
-.col-0 {
-  max-width: 50px;
-}
-
-.col-1 {
-  max-width: 100px;
-}
-
-.col-2 {
-  max-width: 200px;
-}
-
-.col-3 {
-  max-width: 300px;
-}
-
-.col-4 {
-  max-width: 400px;
-}
-
-.col-5 {
-  max-width: 500px;
-}
-
-.col-6 {
-  max-width: 600px;
-}
-
-.email-body .column-cell,
-.column-cell,
-p {
-  font-size: 15px;
-  line-height: 23px;
-  color: #fff;
-  mso-line-height-rule: exactly;
-  text-rendering: optimizelegibility;
-}
-
-p {
-  display: block;
-  margin-bottom: 16px;
-}
-
-p.small {
-  font-size: 13px;
-}
-
-p.lead {
-  font-size: 19px;
-  line-height: 27px;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: #666;
-  padding: 0;
-  font-weight: 500;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 20px;
-  margin-bottom: 8px;
-}
-
-h1 {
-  font-size: 26px;
-  line-height: 36px;
-}
-
-h2 {
-  font-size: 23px;
-  line-height: 30px;
-}
-
-h3 {
-  font-size: 19px;
-  line-height: 25px;
-}
-
-h5 {
-  color: #7f7f7f;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 21px;
-}
-
-.input-cell h5 {
-  margin-top: 4px;
-}
-
-.input td {
-  background: #1a1a1a;
-  border-radius: 4px;
-  padding: 16px;
-  mso-line-height-rule: exactly;
-  border-radius: 4px;
-  font-size: 17px;
-  font-weight: 500;
-  line-height: 20px;
-  text-align: center;
-}
-
-.content-cell,
-.blank-cell {
-  width: 100%;
-  font-size: 0;
-  text-align: center;
-  vertical-align: top;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.content-cell {
-  background-color: #262626;
-}
-
-.content-cell.darker {
-  background-color: #1a1a1a;
-}
-
-.hero {
-  background-color: #333;
-  padding-top: 20px;
-}
-
-.hero-with-button {
-  padding-bottom: 16px;
-}
-
-.hero-with-button h1 {
-  margin-bottom: 4px;
-}
-
-.hero-with-button p.lead {
-  margin-bottom: 32px;
-}
-
-.header {
-  border-radius: 5px 5px 0 0;
-  background-color: #1a1a1a;
-}
-
-.header .column-cell {
-  text-align: center;
-  padding-top: 20px;
-  padding-bottom: 8px;
-}
-
-.content-start {
-  padding-top: 32px;
-}
-
-.content-end {
-  border-radius: 0 0 5px 5px;
-  padding-top: 16px;
-}
-
-.footer.column-cell,
-p {
-  color: #7f7f7f;
-}
-
-.footer p {
-  margin-bottom: 0;
-  font-size: 13px;
-}
-
-.footer p.small {
-  margin-bottom: 0;
-}
-
-.footer a {
-  color: #7f7f7f;
-  text-decoration: underline;
-}
-
-.footer img {
-  opacity: 0.3;
-}
-
-.logo {
-  position: relative;
-  left: -4px;
-}
-
-.button {
-  display: table;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.button td {
-  mso-line-height-rule: exactly;
-  border-radius: 4px;
-  padding: 0 !important;
-  font-size: 17px;
-  font-weight: 500;
-  line-height: 20px;
-  text-align: center;
-}
-
-.button td a,
-.button td a span {
-  color: #fff;
-  display: block !important;
-  text-align: center !important;
-  vertical-align: top !important;
-  line-height: inherit !important;
-}
-
-.button td a {
-  padding: 10px 22px !important;
-  line-height: 26px !important;
-  font-weight: 500 !important;
-}
-
-.button.button-small td {
-  border-radius: 4px;
-  font-size: 14px;
-  padding: 8px 16px;
-}
-
-.button.button-small td a {
-  padding: 5px 16px !important;
-  line-height: 26px !important;
-}
-
-.button-default {
-  background-color: #1a1a1a;
-}
-
-.button-primary {
-  background-color: #262626;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.padded {
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.padded-bottom {
-  padding-bottom: 32px;
-}
-
-.margin-bottom {
-  margin-bottom: 20px;
-}
-
-.hero-icon {
-  width: 64px;
-}
-
-.hero-icon td {
-  text-align: center;
-  vertical-align: middle;
-  line-height: 100%;
-  mso-line-height-rule: exactly;
-  padding: 16px;
-  border-radius: 80px;
-  background: #79bd9a;
-}
-
-.hero-icon.alert-icon td {
-  background: #df405a;
-}
-
-.hero-icon img {
-  max-width: 32px;
-  display: block;
-  line-height: 100%;
-  width: 32px;
-  height: 32px;
-}
-
-.hr {
-  width: 100%;
-}
-
-.hr td {
-  font-size: 0;
-  line-height: 1px;
-  mso-line-height-rule: exactly;
-  min-height: 1px;
-  overflow: hidden;
-  height: 2px;
-  background-color: transparent !important;
-  border-top: 1px solid #4d4d4d;
-}
-
-.status {
-  padding-bottom: 32px;
-}
-
-.status .status-header td {
-  font-size: 14px;
-  padding-bottom: 15px;
-}
-
-.status .status-header bdi {
-  color: #fff;
-  display: block;
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.status .status-header  td:first-child {
-  padding-right: 10px;
-}
-
-.status .status-header img {
-  border-radius: 4px;
-  width: 48px;
-  height: 48px;
-}
-
-.status p {
-  font-size: 19px;
-  margin-bottom: 20px;
-}
-
-.status p.status-footer {
-  color: #737373;
-  font-size: 14px;
-  margin-bottom: 0;
-}
-
-.status p.status-footer a {
-  color: #737373;
-}
-
-.border-top {
-  border-top: 1px solid #404040;
-}
-
-ul {
-  padding-left: 15px;
-  padding-top: 16px;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-ul li {
-  margin-bottom: 16px;
-  color: #737373;
-}
-
-ul li span {
-  color: #fff;
-}
-
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
-  body {
-    min-height: 1024px !important;
-  }
-}
-
-@media (max-width: 697px) {
-  .email-container,
-  .col-1,
-  .col-2,
-  .col-3,
-  .col-4,
-  .col-5,
-  .col-6 {
-    width: 100% !important;
-    max-width: none !important;
-  }
-
-  .email-start {
-    padding-top: 16px !important;
-  }
-
-  .email-end {
-    padding-bottom: 16px !important;
-  }
-
-  .padded {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}