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

add scrolling to mail list and add footer

Browse Source
This commit is contained in:
Tankred Hase 2013-09-27 17:48:21 +02:00
parent 791c318c8f
commit 03075942ed
3 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/controller/mail-list.js
View File

@ -135,7 +135,7 @@ define(function(require) {
"Best regards\nYour whiteout team"; // plaintext body
};
var dummys = [new Email(true, true), new Email(true), new Email(false, true, true), new Email(false), new Email(false), new Email(false)];
var dummys = [new Email(true, true), new Email(true), new Email(false, true, true), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false), new Email(false)];
callback(dummys);
}

20
src/sass/views/_mail-list.scss
View File

@ -8,6 +8,10 @@
background-image: linear-gradient(to right ,$color-grey-lightest 98%, darken($color-grey-lightest, 1%) 100%);
border-right: 1px solid $color-grey-light;
::-webkit-scrollbar {
width: 0px;
}
header {
cursor: pointer;
@ -32,5 +36,21 @@
ul {
padding: 0 $padding-horizontal;
max-height: 100%;
overflow-y: scroll;
}
footer {
position: absolute;
bottom: 0px;
left: 0px;
padding: 0 $nav-padding;
background: darken($color-grey-lightest, 1%);
height: 28px;
width: $content-nav-width;
border-right: 1px solid $color-grey-light;
font-size: $font-size-smaller;
color: $color-grey-dark;
line-height: em(28,12);
}
}

6
src/tpl/mail-list.html
View File

@ -12,4 +12,8 @@
</div>
<p class="body">{{email.body}}</p>
</li>
</ul><!--/.mail-list-->
</ul><!--/.mail-list-->
<footer>
Last update: 12:22 PM
</footer>