Skip to content

Commit c0090b8

Browse files
MephisticMephistic
committed
fix(email): Update email styling based on user feedback - minor adjustments to header + bills, more adjustments to users, adding hyperlinks to user profiles + bill pages from the user section
1 parent 2203160 commit c0090b8

File tree

6 files changed

+35
-19
lines changed

6 files changed

+35
-19
lines changed

‎functions/src/email/partials/bills/bill.handlebars

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
<article id="bill">
22
<div style="font-weight: 500; font-size: 20px; line-height: 125%;
33
text-decoration-line: underline; color: #000000; margin-bottom: 4px">
4-
<a href="https://mapletestimony.org/bills/{{this.billCourt}}/{{this.billId}}" style="color: inherit">{{this.billId}}</a>
4+
<a href="https://mapletestimony.org/bills/{{this.billCourt}}/{{this.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">{{this.billId}}</a>
55
</div>
66
<div style="font-weight: 600; font-size: 16px; line-height: 125%;
77
color: #000000; letter-spacing: 0.03em; margin-bottom: 24px">
88
{{this.billName}}
99
</div>
10-
<a href="https://mapletestimony.org/bills/{{this.billCourt}}/{{this.billId}}" style="text-decoration: none; color: inherit">
11-
<div style="padding: 12px 0px 12px 36px; background: #EAE7E7;
10+
<a href="https://mapletestimony.org/bills/{{this.billCourt}}/{{this.billId}}" target="_blank" rel="noopener noreferrer" style="text-decoration: none; color: inherit">
11+
<div style="padding: 12px 0px 12px 12px; background: #EAE7E7;
1212
border-radius: 12px; margin-bottom: 12px; text-align: center">
1313
<div>
1414
<div style="height: 49px; font-weight: 500; font-size: 39px; line-height: 125%;

‎functions/src/email/partials/bills/bills.handlebars

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@
1717
</div>
1818
<div>
1919
{{#ifGreaterThan numBillsWithNewTestimony 4}}
20-
<div style="padding: 12px 0px 12px 36px; background: #EAE7E7;
20+
<div style="padding: 12px 0px 12px 12px; background: #EAE7E7;
2121
border-radius: 12px; margin-bottom: 36px;">
22-
<div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px">
22+
<div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px; text-align: center">
2323
{{#ifGreaterThan numBillsWithNewTestimony 5}}
2424
{{minusFour numBillsWithNewTestimony}} other bills you follow received testimony since your last update
2525
{{else}}

‎functions/src/email/partials/header.handlebars

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div id="logo" style="background-color: #1a3185; padding: 16px 20px 16px 50px">
1+
<div id="logo" style="background-color: #1a3185; padding: 16px 20px 16px 50px; text-align: center;">
22
<img src="https://mapletestimony.org/email/images_no-svgs/Logo.png" alt="Maple Logo" />
33
</div>
44

‎functions/src/email/partials/noUpdates.handlebars

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div style="padding-top: 12px; padding-bottom: 20px; display: block; margin: auto; width: 65%">
1+
<div style="padding-top: 12px; padding-bottom: 20px; display: block; margin: auto; width: 65%; text-align: center;">
22
<img src="https://mapletestimony.org/email/images_no-svgs/empty-mail.png" alt="Empty Mail" />
33
</div>
44
<h5 style="font-weight: 600; font-size: 25px; line-height: 125%; margin-bottom: 0px;

‎functions/src/email/partials/users/user.handlebars

Lines changed: 26 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -4,20 +4,24 @@
44
<div style="font-weight: 500; font-size: 22px; line-height: 125%; color: #000000;
55
margin-right: auto"
66
>
7-
{{this.userName}}
7+
<a href="https://mapletestimony.org/profile?id={{this.userId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">{{this.userName}}</a>
88
</div>
99
<div style="margin-right: auto;">
1010
<div style="margin-right: 24px; display: inline-block">
1111
<div style="width: 37px; height: 76px; font-weight: 600; font-size: 61px;
12-
line-height: 125%; letter-spacing: -0.03em; color: #1A3185;
12+
line-height: 125%; letter-spacing: -0.03em; color: #000000;
1313
margin-left: auto; margin-right: auto;"
1414
>
1515
{{this.newTestimonyCount}}
1616
</div>
1717
<div style="font-weight: 700; font-size: 16px; line-height: 125%; letter-spacing: 0.015em;
1818
color: #000000; width: 135px"
1919
>
20-
New Testimonies
20+
{{#ifGreaterThan this.newTestimonyCount 1}}
21+
New Testimonies
22+
{{else}}
23+
New Testimony
24+
{{/ifGreaterThan}}
2125
</div>
2226
</div>
2327
<table style="display: inline-block; margin: 0; padding: 0">
@@ -31,7 +35,9 @@
3135
{{#if this.bills.0.billId}}
3236
<td style="width: 75px">
3337
<div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
34-
{{this.bills.0.billId}}
38+
<a href="https://mapletestimony.org/bills/{{this.bills.0.court}}/{{this.bills.0.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
39+
{{this.bills.0.billId}}
40+
</a>
3541
</div>
3642
</td>
3743
<td style="width: 75px">
@@ -46,7 +52,9 @@
4652
{{#if this.bills.1.billId}}
4753
<td style="width: 75px">
4854
<div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
49-
{{this.bills.1.billId}}
55+
<a href="https://mapletestimony.org/bills/{{this.bills.1.court}}/{{this.bills.1.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
56+
{{this.bills.1.billId}}
57+
</a>
5058
</div>
5159
</td>
5260
<td style="width: 75px">
@@ -62,7 +70,9 @@
6270
{{#if this.bills.2.billId}}
6371
<td style="width: 75px">
6472
<div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
65-
{{this.bills.2.billId}}
73+
<a href="https://mapletestimony.org/bills/{{this.bills.2.court}}/{{this.bills.2.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
74+
{{this.bills.2.billId}}
75+
</a>
6676
</div>
6777
</td>
6878
<td style="width: 75px">
@@ -77,7 +87,9 @@
7787
{{#if this.bills.3.billId}}
7888
<td style="width: 75px">
7989
<div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
80-
{{this.bills.3.billId}}
90+
<a href="https://mapletestimony.org/bills/{{this.bills.3.court}}/{{this.bills.3.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
91+
{{this.bills.3.billId}}
92+
</a>
8193
</div>
8294
</td>
8395
<td style="width: 75px">
@@ -94,7 +106,9 @@
94106
{{#if this.bills.4.billId}}
95107
<td style="width: 75px">
96108
<div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
97-
{{this.bills.4.billId}}
109+
<a href="https://mapletestimony.org/bills/{{this.bills.4.court}}/{{this.bills.4.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
110+
{{this.bills.4.billId}}
111+
</a>
98112
</div>
99113
</td>
100114
<td style="width: 75px">
@@ -109,7 +123,7 @@
109123
{{#if this.bills.5.billId}}
110124
{{#if this.bills.6.billId}}
111125
<td style="width: 75px">
112-
<a class="orgItemText" href="https://mapletestimony.org/profile" target="_blank" rel="noopener noreferrer">
126+
<a class="orgItemText" href="https://mapletestimony.org/profile?id={{userId}}" target="_blank" rel="noopener noreferrer">
113127
see more
114128
</a>
115129
</td>
@@ -121,7 +135,9 @@
121135
{{else}}
122136
<td style="width: 75px">
123137
<div style="text-decoration-line: underline; display: inline-block; margin-right: 15px">
124-
{{this.bills.5.billId}}
138+
<a href="https://mapletestimony.org/bills/{{this.bills.5.court}}/{{this.bills.5.billId}}" target="_blank" rel="noopener noreferrer" style="color: inherit">
139+
{{this.bills.5.billId}}
140+
</a>
125141
</div>
126142
</td>
127143
<td style="width: 75px">

‎functions/src/email/partials/users/users.handlebars

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,9 +22,9 @@
2222
</div>
2323
<div></div>
2424
{{#ifGreaterThan numUsersWithNewTestimony 4}}
25-
<div style="padding: 12px 0px 12px 36px; background: #EAE7E7;
25+
<div style="padding: 12px 0px 12px 12px; background: #EAE7E7;
2626
border-radius: 12px; margin-bottom: 36px;">
27-
<div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px">
27+
<div style="font-weight: 700; font-size: 14px; line-height: 125%; letter-spacing: 3%; margin-top: 5px; text-align: center">
2828
{{#ifGreaterThan numUsersWithNewTestimony 5}}
2929
{{minusFour numUsersWithNewTestimony}} other users you follow posted testimony since your last update
3030
{{else}}

0 commit comments

Comments
 (0)