moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-11-16 06:05:07 -05:00
Code Issues Releases Wiki Activity

add unread marker

Browse Source
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 { @mixin marked {
background-color: #00c6ff; background-color: #00c6ff;
color: #ffffff; color: #f9f9f9;
.from { .from {
color: #ffffff; 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 { li {
background-color: #ffffff; background-color: #ffffff;
margin: 8px 0; margin: 8px 0;
@ -79,6 +90,11 @@ body {
} }
li.selected { li.selected {
@include marked; @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"> <div class="message-list">
<ul> <ul>
<li class="selected"> <li class="selected">
<div class="unread"></div>
<p class="from">Max Mustermann</p> <p class="from">Max Mustermann</p>
<p class="subject">Welcome Nico</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> <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>