1
0
mirror of https://github.com/moparisthebest/mail synced 2025-02-26 15:51:44 -05:00

add sent time

This commit is contained in:
Tankred Hase 2013-09-03 19:04:54 +02:00
parent 06033604a7
commit af269aac36
2 changed files with 35 additions and 11 deletions

@ -67,7 +67,7 @@ body {
@mixin marked {
background-color: $blue-color;
color: $lightgrey-color;
.from {
.sent-date, .from {
color: $lightgrey-color;
}
}
@ -119,16 +119,22 @@ body {
margin-left: 32px;
margin-right: 32px;
}
p.from {
.from {
font-size: 1.5em;
}
p.subject {
.subject-line {
font-size: 0.875em;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
p.text-preview {
.subject {
font-weight: bold;
}
.sent-date {
float: right;
color: #D8D8D8;
}
.text-preview {
font-size: 0.875em;
height: 2em;
overflow: hidden;

@ -24,37 +24,55 @@
<li class="selected">
<div class="unread"></div>
<p class="from">Whiteout Support</p>
<p class="subject">Welcome Nico</p>
<p class="subject-line">
<span class="subject">Welcome Nico</span>
<span class="sent-date">7:23 PM</span>
</p>
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
</li>
<li>
<div class="unread"></div>
<p class="from">Whiteout Support</p>
<p class="subject">Welcome Nico</p>
<p class="subject-line">
<span class="subject">Welcome Nico</span>
<span class="sent-date">7:23 PM</span>
</p>
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
</li>
<li>
<div class="read"></div>
<p class="from">Whiteout Support</p>
<p class="subject">Welcome Nico</p>
<p class="subject-line">
<span class="subject">Welcome Nico</span>
<span class="sent-date">7:23 PM</span>
</p>
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
</li>
<li>
<div class="read"></div>
<p class="from">Whiteout Support</p>
<p class="subject">Welcome Nico</p>
<p class="subject-line">
<span class="subject">Welcome Nico</span>
<span class="sent-date">7:23 PM</span>
</p>
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
</li>
<li>
<div class="read"></div>
<p class="from">Whiteout Support</p>
<p class="subject">Welcome Nico</p>
<p class="subject-line">
<span class="subject">Welcome Nico</span>
<span class="sent-date">7:23 PM</span>
</p>
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
</li>
<li>
<div class="read"></div>
<p class="from">Whiteout Support</p>
<p class="subject">Welcome Nico</p>
<p class="subject-line">
<span class="subject">Welcome Nico</span>
<span class="sent-date">7:23 PM</span>
</p>
<p class="text-preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.</p>
</li>
</ul>