Unfloyded/Legamunt
0
0
Fork 0
Code Activity

HTML e-mails for NotificationMailer (#6263)

Browse source 
* HTML e-mails for NotificationMailer (except digest)

* Add HTML template for digest

* Fix build
This commit is contained in:
Eugen Rochko 2018-01-16 20:20:15 +01:00 • committed by GitHub
parent 3323b4173e
commit 02194838dd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 410 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/images/icon_cached.svg Normal file
View file

@ -0,0 +1,4 @@
<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 8l-4 4h3c0 3.31-2.69 6-6 6-1.01 0-1.97-.25-2.8-.7l-1.46 1.46C8.97 19.54 10.43 20 12 20c4.42 0 8-3.58 8-8h3l-4-4zM6 12c0-3.31 2.69-6 6-6 1.01 0 1.97.25 2.8.7l1.46-1.46C15.03 4.46 13.57 4 12 4c-4.42 0-8 3.58-8 8H1l4 4 4-4H6z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 390 B

4
app/javascript/images/icon_grade.svg Normal file
View file

@ -0,0 +1,4 @@
<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 252 B

4
app/javascript/images/icon_person_add.svg Normal file
View file

@ -0,0 +1,4 @@
<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm-9-2V7H4v3H1v2h3v3h2v-3h3v-2H6zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 305 B

4
app/javascript/images/icon_reply.svg Normal file
View file

@ -0,0 +1,4 @@
<svg fill="#FFFFFF" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M10 9V5l-7 7 7 7v-4.1c5 0 8.5 1.6 11 5.1-1-5-4-10-11-11z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 220 B

78
app/javascript/styles/mailer.scss
View file

@ -254,6 +254,10 @@ h3 {
.content-cell {
background-color: darken($ui-base-color, 4%);
&.darker {
background-color: darken($ui-base-color, 8%);
}
}
.hero {
@ -261,6 +265,18 @@ h3 {
padding-top: 20px;
}
.hero-with-button {
h1 {
margin-bottom: 4px;
}
p.lead {
margin-bottom: 32px;
}
padding-bottom: 16px;
}
.header {
border-radius: 5px 5px 0 0;
background-color: darken($ui-base-color, 8%);
@ -385,6 +401,68 @@ h3 {
}
}
.hr {
width: 100%;
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 lighten($ui-base-color, 8%);
}
}
.status {
padding-bottom: 32px;
.status-header {
td {
font-size: 14px;
padding-bottom: 15px;
}
bdi {
color: $white;
font-size: 16px;
display: block;
font-weight: 500;
}
td:first-child {
padding-right: 10px;
}
img {
width: 48px;
height: 48px;
border-radius: 4px;
}
}
p {
font-size: 19px;
margin-bottom: 20px;
&.status-footer {
color: lighten($ui-base-color, 26%);
font-size: 14px;
margin-bottom: 0;
a {
color: lighten($ui-base-color, 26%);
}
}
}
}
.border-top {
border-top: 1px solid lighten($ui-base-color, 8%);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
body {
min-height: 1024px !important;