Some basic css to make it halfway legible

This commit is contained in:
David Baker 2016-04-28 17:29:39 +01:00
parent 36bb5c2383
commit 46b5547a42
3 changed files with 58 additions and 16 deletions

35
res/templates/mail.css Normal file
View file

@ -0,0 +1,35 @@
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 12pt;
margin: 1em;
}
#page {
margin: auto;
width: 640px;
padding: 1em;
border: 1px solid #76cfa6;
border-radius: 5px;
}
.room_avatar {
width: 48px;
height: 48px;
float: left;
}
.room_content {
clear: left;
}
.historical {
color: #888;
}
.sender_name {
display: inline;
}
.message_time {
display: inline;
}

View file

@ -1,15 +1,22 @@
<!doctype html>
<html lang="en">
<head>
<style type="text/css">
{% include 'mail.css' without context %}
</style>
</head>
<body>
<div className="salutation">Hi {{ user_display_name }},</div>
<div className="summarytext">{{ summary_text }}</div>
<div class="content">
{% for room in rooms %}
{% include 'room.html' with context %}
{% endfor %}
</div>
<div class="footer">
<a href="{{ unsubscribe_link }}">Unsubscribe</a>
<div id="page">
<div className="salutation">Hi {{ user_display_name }},</div>
<div className="summarytext">{{ summary_text }}</div>
<div class="content">
{% for room in rooms %}
{% include 'room.html' with context %}
{% endfor %}
</div>
<div class="footer">
<a href="{{ unsubscribe_link }}">Unsubscribe</a>
</div>
</div>
</body>
</html>

View file

@ -1,5 +1,4 @@
<div class="room">
<h2>{{ room.title }}</h2>
<div class="room_avatar">
{% if room.avatar_url %}
<img src="{{ room.avatar_url|mxc_to_http(48,48) }}" />
@ -13,13 +12,14 @@
{% endif %}
{% endif %}
</div>
{% if room.invite %}
<a href="{{ room.link }}">Join the conversation.</a>
{% else %}
<div>
<h2>{{ room.title }}</h2>
<div class="room_content">
{% if room.invite %}
<a href="{{ room.link }}">Join the conversation.</a>
{% else %}
{% for notif in room.notifs %}
{% include 'notif.html' with context %}
{% endfor %}
</div>
{% endif %}
{% endif %}
</div>
</div>