mirror of
https://github.com/element-hq/synapse.git
synced 2024-11-26 19:47:05 +03:00
Some basic css to make it halfway legible
This commit is contained in:
parent
36bb5c2383
commit
46b5547a42
3 changed files with 58 additions and 16 deletions
35
res/templates/mail.css
Normal file
35
res/templates/mail.css
Normal 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;
|
||||
}
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue