vitalif
/
likeopera-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add icons in table listview

master
Vitaliy Filippov 2016-06-16 22:05:56 +03:00
parent c57b0467bb
commit f4265f057b
3 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
icons/document_read.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 277 B

26
mail.css
View File

@ -872,6 +872,31 @@ div
border-bottom: 1px solid #dadce0;
}
.message-list .listview .message .icon
{
position: absolute;
left: 20%;
width: 20px;
height: 30px;
background: url(icons/mail_read.png) 0px 7px no-repeat;
}
.message-list .listview .message.unread .icon,
.message-list .listview .message.unseen .icon
{
background: url(icons/mail_unread.png) 0px 7px no-repeat;
}
.message-list .listview .message.unloaded .icon
{
background: url(icons/document_read.png) 0px 7px no-repeat;
}
.message-on-right .message-list .listview .message .icon
{
display: none;
}
.message-list .listview .message .subject
{
position: absolute;
@ -887,6 +912,7 @@ div
.message-on-bottom .message-list .listview .message .subject,
.message-invisible .message-list .listview .message .subject
{
padding-left: 20px;
left: 20%;
width: 60%;
}

18
mail.htm
View File

@ -465,6 +465,7 @@
<div class="day first-day">TODAY</div>
<div class="day-list">
<div class="message unseen">
<div class="icon"></div>
<div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
<div class="bullet"></div>
<div class="from">Jan Luca Naumann</div>
@ -473,6 +474,7 @@
<div class="time">19:31</div>
</div>
<div class="message unread">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -481,6 +483,7 @@
<div class="time">14:03</div>
</div>
<div class="message selected">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -492,6 +495,7 @@
<div class="day">YESTERDAY</div>
<div class="day-list">
<div class="message">
<div class="icon"></div>
<div class="subject">интересно про Сингапур</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -502,6 +506,7 @@
<div class="day">THURSDAY</div>
<div class="day-list">
<div class="message">
<div class="icon"></div>
<div class="subject">Re: [mediawiki4intranet/IntraACL] Manage Groups (#59)</div>
<div class="bullet"></div>
<div class="from">Serze</div>
@ -510,6 +515,7 @@
</div>
<!-- -->
<div class="message">
<div class="icon"></div>
<div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
<div class="bullet"></div>
<div class="from">Jan Luca Naumann</div>
@ -517,6 +523,7 @@
<div class="time">19:31</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -524,6 +531,7 @@
<div class="time">14:03</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -531,6 +539,7 @@
<div class="time">13:49</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
<div class="bullet"></div>
<div class="from">Jan Luca Naumann</div>
@ -538,6 +547,7 @@
<div class="time">19:31</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -545,6 +555,7 @@
<div class="time">14:03</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -552,6 +563,7 @@
<div class="time">13:49</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
<div class="bullet"></div>
<div class="from">Jan Luca Naumann</div>
@ -559,6 +571,7 @@
<div class="time">19:31</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -566,6 +579,7 @@
<div class="time">14:03</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -573,6 +587,7 @@
<div class="time">13:49</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Bug#827127: ITP: profile-sync-daemon -- Symlinks and syncs browser profile dirs to RAM thus reducing HDD/SDD calls and speeding-up browsers.</div>
<div class="bullet"></div>
<div class="from">Jan Luca Naumann</div>
@ -580,6 +595,7 @@
<div class="time">19:31</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -587,6 +603,7 @@
<div class="time">14:03</div>
</div>
<div class="message">
<div class="icon"></div>
<div class="subject">Re: холод)))</div>
<div class="bullet"></div>
<div class="from">Margarita Philippova</div>
@ -661,7 +678,6 @@
</div>
<script>
<!--
// TODO: read/unread/unfetched icons before subject in bottom/list-only views
// TODO: expand/collapse days, handle up/down (switch messages -> days -> messages -> scroll), pgup/pgdown, home/end keys
// TODO: keyboard navigation in dropdowns
// TODO: message multiselect in list (with ctrl, shift and keyboard)