Only show unread messages bold. It doesn't make much sense, but the viewport data...

diff --git a/imp/js/mobile.js b/imp/js/mobile.js
index 9ee2dba..d34d1dc 100644 (file)
--- a/imp/js/mobile.js
+++ b/imp/js/mobile.js
@@ -69,11 +69,17 @@ var ImpMobile = {
      */
     mailboxLoaded: function(r)
     {
-        var list = $('#imp-mailbox-list');
+        var list = $('#imp-mailbox-list'), c, l;
         if (r && r.ViewPort) {
             $.each(r.ViewPort.data, function(key, data) {
+                c = 'imp-message';
+                if (data.flag) {
+                    $.each(data.flag, function(k, flag) {
+                        c += ' imp-message-' + flag.substr(1);
+                    });
+                }
                 list.append(
-                    $('<li class="imp-message" data-imp-mailbox="' + data.view + '" data-imp-uid="' + data.imapuid + '">').append(
+                    $('<li class="' + c + '" data-imp-mailbox="' + data.view + '" data-imp-uid="' + data.imapuid + '">').append(
                         $('<h3>').append(
                             $('<a href="#">').html(data.subject))).append(
                         $('<div class="ui-grid-a">').append(

diff --git a/imp/themes/default/mobile.css b/imp/themes/default/mobile.css
index cb1dde2..b9a3693 100644 (file)
--- a/imp/themes/default/mobile.css
+++ b/imp/themes/default/mobile.css
@@ -10,6 +10,12 @@
     font-weight: normal;
     text-align: center;
 }
+.imp-message h3 {
+    font-weight: normal;
+}
+.imp-message-seen h3 {
+    font-weight: bold;
+}
 
 /* Message */
 #message .ui-body-c {