From 03075942ed50b5cf6ebb22fde7d4ee1825468cb9 Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Fri, 27 Sep 2013 17:48:21 +0200
Subject: [PATCH] add scrolling to mail list and add footer

---
 src/js/controller/mail-list.js |  2 +-
 src/sass/views/_mail-list.scss | 20 ++++++++++++++++++++
 src/tpl/mail-list.html         |  6 +++++-
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/js/controller/mail-list.js b/src/js/controller/mail-list.js
index 94f5bad..a9b037c 100644
--- a/src/js/controller/mail-list.js
+++ b/src/js/controller/mail-list.js
@@ -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);
     }
diff --git a/src/sass/views/_mail-list.scss b/src/sass/views/_mail-list.scss
index 9b33991..f243333 100755
--- a/src/sass/views/_mail-list.scss
+++ b/src/sass/views/_mail-list.scss
@@ -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);
     }
 }
\ No newline at end of file
diff --git a/src/tpl/mail-list.html b/src/tpl/mail-list.html
index 0b7ecd4..a4ea68c 100644
--- a/src/tpl/mail-list.html
+++ b/src/tpl/mail-list.html
@@ -12,4 +12,8 @@
     </div>
     <p class="body">{{email.body}}</p>
   </li>
-</ul><!--/.mail-list-->
\ No newline at end of file
+</ul><!--/.mail-list-->
+
+<footer>
+  Last update: 12:22 PM
+</footer>
\ No newline at end of file