Skip to content

Commit

Permalink
add fix to mail template (#542)
Browse files Browse the repository at this point in the history 
* add fix to mail template

* fix continent icons
  • Loading branch information
@vittoriaThinkst
vittoriaThinkst authored Jul 23, 2024
1 parent 4213d5a commit 20d5a5f
Show file tree
Hide file tree
Showing 10 changed files with 37 additions and 36 deletions.
39 changes: 20 additions & 19 deletions templates/emails/notification.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -303,18 +303,18 @@
style="color:#000000;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
<tr
style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;"
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;"
rowspan="2">
<img align="center"
src="https://{{ BasicDetails['public_domain'] }}/resources/notification-email/reminder.png"
width="40px">
</td>
<td>
<p
style="font-weight:600;display:block;line-height:1;">
style="font-weight:600;display:block;line-height:1;margin:0;">
Reminder</p>
<p
style="font-weight:400;color:#060606">
style="font-weight:400;color:#060606;margin:0;">
{{BasicDetails['memo']
| e}}</p>
</td>
Expand Down Expand Up @@ -379,18 +379,18 @@
style="color:#000000;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
<tr
style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;"
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;"
rowspan="2">
<img align="center"
src="`https://{{ BasicDetails['public_domain'] }}/resources/notification-email/continents/{{BasicDetails.get('geo_info', {'continent': 'NO_CONTINTENT'})['continent']}}.png`"
src="`https://{{ BasicDetails['public_domain'] }}/resources/notification-email/continent-icons/{{ BasicDetails.get('geo_info', {'continent': 'NO_CONTINTENT'})['continent'].lower() }}.png`"
width="40px">
</td>
<td>
<p
style="font-weight:600;display:block;line-height:1;">
style="font-weight:600;display:block;line-height:1;margin:0;">
Source IP</p>
<p
style="font-weight:400;color:#060606">
style="font-weight:400;color:#060606;margin:0;">
{{BasicDetails['src_ip']}}
</p>
</td>
Expand All @@ -417,7 +417,6 @@
</tbody>
</table>
{% endif %}

</div>
<!--[if mso | IE]></td></tr></table><![endif]-->
<!-- Day & Time -->
Expand Down Expand Up @@ -456,27 +455,29 @@
style="color:#000000;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
<tr
style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;"
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;"
rowspan="2">
<img align="center"
src="https://{{ BasicDetails['public_domain'] }}/resources/notification-email/daytime.png"
width="40px">
</td>
<td>
<td
style="vertical-align: top;">
<p
style="font-weight:600;display:block;line-height:1;">
style="font-weight:600;display:block;line-height:1;margin:0;">
Date</p>
<p
style="font-weight:400;color:#060606">
style="font-weight:400;color:#060606;margin:0;">
{{BasicDetails['time_ymd']}}
</p>
</td>
<td>
<td
style="vertical-align: top;">
<p
style="font-weight:600;display:block;line-height:1;">
style="font-weight:600;display:block;line-height:1;margin:0;">
Time</p>
<p
style="font-weight:400;color:#060606">
style="font-weight:400;color:#060606;margin:0;">
{{BasicDetails['time_hm']}}
UTC</p>
</td>
Expand Down Expand Up @@ -541,19 +542,19 @@
style="color:#000000;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:13px;line-height:22px;table-layout:auto;width:100%;border:none;">
<tr
style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;"
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;"
rowspan="2">
<img align="center"
src="https://{{ BasicDetails['public_domain'] }}/resources/notification-email/browserid.png"
width="40px">
</td>
<td>
<p
style="font-weight:600;display:block;line-height:1;">
style="font-weight:600;display:block;line-height:1;margin:0;">
Browser Identity</p>
<p
style="font-weight:400;color:#060606">
<a href=""
style="font-weight:400;color:#060606;margin:0;">
<a href
style="text-decoration:none !important; color:#060606">{{BasicDetails['useragent']|
e}}</a>
</p>
Expand Down
34 changes: 17 additions & 17 deletions templates/emails/notification.mjml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,12 +80,12 @@
<mj-table>

<tr style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;" rowspan="2">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;" rowspan="2">
<img align="center" src="https://{{ BasicDetails['public_domain'] }}/resources/notification-email/reminder.png" width="40px" />
</td>
<td>
<p style="font-weight:600;display:block;line-height:1;">Reminder</p>
<p style="font-weight:400;color:#060606">{{BasicDetails['memo'] | e}}</p>
<p style="font-weight:600;display:block;line-height:1;margin:0;">Reminder</p>
<p style="font-weight:400;color:#060606;margin:0;">{{BasicDetails['memo'] | e}}</p>
</td>
</tr>

Expand All @@ -103,12 +103,12 @@
<mj-table>

<tr style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;" rowspan="2">
<img align="center" src=`https://{{ BasicDetails['public_domain'] }}/resources/notification-email/continents/{{BasicDetails.get('geo_info', {'continent': 'NO_CONTINTENT'})['continent']}}.png` width="40px" />
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;" rowspan="2">
<img align="center" src=`https://{{ BasicDetails['public_domain'] }}/resources/notification-email/continent-icons/{{ BasicDetails.get('geo_info', {'continent': 'NO_CONTINTENT'})['continent'].lower() }}.png` width="40px" />
</td>
<td>
<p style="font-weight:600;display:block;line-height:1;">Source IP</p>
<p style="font-weight:400;color:#060606">{{BasicDetails['src_ip']}}</p>
<p style="font-weight:600;display:block;line-height:1;margin:0;">Source IP</p>
<p style="font-weight:400;color:#060606;margin:0;">{{BasicDetails['src_ip']}}</p>
</td>
</tr>

Expand All @@ -126,16 +126,16 @@
<mj-table>

<tr style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;" rowspan="2">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;" rowspan="2">
<img align="center" src="https://{{ BasicDetails['public_domain'] }}/resources/notification-email/daytime.png" width="40px" />
</td>
<td>
<p style="font-weight:600;display:block;line-height:1;">Date</p>
<p style="font-weight:400;color:#060606">{{BasicDetails['time_ymd']}}</p>
<td style="vertical-align: top;">
<p style="font-weight:600;display:block;line-height:1;margin:0;">Date</p>
<p style="font-weight:400;color:#060606;margin:0;">{{BasicDetails['time_ymd']}}</p>
</td>
<td>
<p style="font-weight:600;display:block;line-height:1;">Time</p>
<p style="font-weight:400;color:#060606">{{BasicDetails['time_hm']}} UTC</p>
<td style="vertical-align: top;">
<p style="font-weight:600;display:block;line-height:1;margin:0;">Time</p>
<p style="font-weight:400;color:#060606;margin:0;">{{BasicDetails['time_hm']}} UTC</p>
</td>
</tr>

Expand All @@ -154,12 +154,12 @@
<mj-table>

<tr style="color:#818a8e;font-size:16px;text-align:left;font-weight:600">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: center;" rowspan="2">
<td style="padding: 0px 10px; width:40px; font-weight:400; vertical-align: middle;" rowspan="2">
<img align="center" src="https://{{ BasicDetails['public_domain'] }}/resources/notification-email/browserid.png" width="40px" />
</td>
<td>
<p style="font-weight:600;display:block;line-height:1;">Browser Identity</p>
<p style="font-weight:400;color:#060606">
<p style="font-weight:600;display:block;line-height:1;margin:0;">Browser Identity</p>
<p style="font-weight:400;color:#060606;margin:0;">
<a href="" style="text-decoration:none !important; color:#060606">{{BasicDetails['useragent']| e}}</a>
</p>
</td>
Expand Down
0 ...atic/notification-email/continents/AF.png → ...notification-email/continent-icons/af.png
View file
File renamed without changes
0 ...atic/notification-email/continents/AN.png → ...notification-email/continent-icons/an.png
View file
File renamed without changes
0 ...atic/notification-email/continents/AS.png → ...notification-email/continent-icons/as.png
View file
File renamed without changes
0 ...atic/notification-email/continents/EU.png → ...notification-email/continent-icons/eu.png
View file
File renamed without changes
0 ...atic/notification-email/continents/NA.png → ...notification-email/continent-icons/na.png
View file
File renamed without changes
0 ...cation-email/continents/NO_CONTINTENT.png → ...on-email/continent-icons/no_continent.png
View file
File renamed without changes
0 ...atic/notification-email/continents/OC.png → ...notification-email/continent-icons/oc.png
View file
File renamed without changes
0 ...atic/notification-email/continents/SA.png → ...notification-email/continent-icons/sa.png
View file
File renamed without changes

0 comments on commit 20d5a5f

Please sign in to comment.