moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

add unread marker

This commit is contained in:
Tankred Hase 2013-09-03 16:17:48 +02:00
parent c7a584cb56
commit e3bf75411a
2 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,7 +31,7 @@ body {
@mixin marked {
background-color: #00c6ff;
color: #ffffff;
color: #f9f9f9;
.from {
color: #ffffff;
}
@ -43,6 +43,17 @@ body {
}
}
.unread {
position: absolute;
margin-top: 1.85em;
margin-left: 0.5em;
width: 0.9em;
height: 0.9em;
border-radius: 50%;
background: #00c6ff;
box-shadow: inset 0.5px 1px 0.5px #A4A4A4;
}
li {
background-color: #ffffff;
margin: 8px 0;
@ -79,6 +90,11 @@ body {
}
li.selected {
@include marked;
.unread {
background: #f9f9f9;
box-shadow: inset 1px 1px 1px #D8D8D8;
}
}
}

1
src/ui/index.html
View File

@ -12,6 +12,7 @@
<div class="message-list">
<ul>
<li class="selected">
<div class="unread"></div>
<p class="from">Max Mustermann</p>
<p class="subject">Welcome Nico</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>