update mail template (Closes #1471)

directus · May 16, 2017 · 42d1fda · 42d1fda
1 parent debd8e6
commit 42d1fda
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 16 deletions.
diff --git a/api/views/mail/base.twig.html b/api/views/mail/base.twig.html
@@ -1,9 +1,59 @@
-<div>
-    {% block content %}{% endblock %}
-</div>
-
-<footer>
-    {% block footer %}
-    {% include 'mail/footer.twig.html' %}
-    {% endblock %}
-</footer>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<title>Directus Email Service</title>
+	<meta name="viewport" content="width=device-width">
+	<meta name="format-detection" content="telephone=no">
+	<style type="text/css">
+		a {
+			border: none;
+			text-decoration: none;
+			outline: none !important;
+			color: #4ba6de !important;
+		}
+		p {
+			margin: 20px 0 20px 0;
+		}
+	</style>
+</head>
+<body style="margin: 0; padding: 20px; background-color: #f1f1f1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; font-weight: 400; font-size: 13px; color: #818181; font-family: Helvetica, Helvetica, Arial, sans-serif; letter-spacing: 0;">
+<table border="0" cellpadding="0" cellspacing="0" width="100%">
+	<tr>
+		<td style="padding: 0;">
+			<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: 0 solid #1a1a1a; border-collapse: collapse;">
+				<tr>
+					<td align="center" bgcolor="#4ba6de" style="padding: 40px 0 40px 0; border-radius: 4px 4px 0 0;">
+						<img src="https://directus.io/assets/imgs/directus-simple.png" alt="Directus" width="130" style="display: block;" />
+					</td>
+				</tr>
+				<tr>
+					<td bgcolor="#ffffff" style="padding: 30px 30px 30px 30px; border-radius: 0 0 4px 4px;">
+						<table border="0" cellpadding="0" cellspacing="0" width="100%">
+							<tr>
+								<td style="color: #818181; font-family: Helvetica, Arial, sans-serif; padding: 0; line-height: 1.5; font-size: 16px;">
+									{% block content %}{% endblock %}
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<tr>
+					<td bgcolor="#f1f1f1" style="padding: 20px 30px 0 30px;">
+						<table border="0" cellpadding="0" cellspacing="0" width="100%">
+							<tr>
+								<td style="color: #bbbbbb; font-family: Helvetica, Arial, sans-serif; font-size: 14px;" width="75%">
+									{% block footer %}
+									{% include 'mail/footer.twig.html' %}
+									{% endblock %}
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+			</table>
+		</td>
+	</tr>
+</table>
+</body>
+</html>
diff --git a/api/views/mail/footer.twig.html b/api/views/mail/footer.twig.html
@@ -1,5 +1,5 @@
----
-<p>{{ t('This email was sent by Directus') }} – <a href="{{ settings.global.project_url }}">{{
-    settings.global.project_name }}</a></p>
-<p></p><a href="{{ settings.global.project_url }}login.php">{{ t('Log in')
-    }}</a> {{ t('to manage your email preferences') }}</p>
+<p>{{ t('This email was sent by Directus') }} – <a href="{{ settings.global.project_url }}">{{settings.global.project_name }}</a></p>
+<p>
+	<a href="{{ settings.global.project_url }}login.php">{{ t('Log in')}}</a>
+	{{ t('to manage your email preferences') }}
+</p>
diff --git a/api/views/mail/new-install.twig.html b/api/views/mail/new-install.twig.html
@@ -6,8 +6,7 @@ <h3>Main Configuration</h3>
 <p>
     <b>Project Name:</b> {{ project.name }}<br>
     <b>Admin Email:</b> {{ user.email }}<br>
-    <b>Admin Password:</b> <span
-    style="font-family: 'Lucida Console', Monaco, monospace;">{{ user.password }}</span><br>
+    <b>Admin Password:</b> <span style="font-family: 'Lucida Console', Monaco, monospace;">{{ user.password }}</span><br>
     <b>Installed Version:</b> {{ project.version }}<br>
     <b>API Key:</b> <span style="font-family: 'Lucida Console', Monaco, monospace;">{{ user.token }}</span>
 </p>