moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2025-02-26 07:41:48 -05:00
Code Issues Releases Wiki Activity

add sent time

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/ui/css/style.scss
View File

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

30
src/ui/index.html
View File

@ -24,37 +24,55 @@
<li class="selected"> <li class="selected">
<div class="unread"></div> <div class="unread"></div>
<p class="from">Whiteout Support</p> <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> <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>
<li> <li>
<div class="unread"></div> <div class="unread"></div>
<p class="from">Whiteout Support</p> <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> <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>
<li> <li>
<div class="read"></div> <div class="read"></div>
<p class="from">Whiteout Support</p> <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> <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>
<li> <li>
<div class="read"></div> <div class="read"></div>
<p class="from">Whiteout Support</p> <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> <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>
<li> <li>
<div class="read"></div> <div class="read"></div>
<p class="from">Whiteout Support</p> <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> <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>
<li> <li>
<div class="read"></div> <div class="read"></div>
<p class="from">Whiteout Support</p> <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> <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>
</ul> </ul>