Track unread threads

And display markers on unread posts in the thread view.

2 files changed, 12 insertions, 4 deletions

diff --git a/hyperkitty/static/css/hyperkitty-common.css b/hyperkitty/static/css/hyperkitty-common.css
index 4309136..ee591c5 100644
--- a/hyperkitty/static/css/hyperkitty-common.css
+++ b/hyperkitty/static/css/hyperkitty-common.css
@@ -16,6 +16,10 @@
     list-style-type: none;
 }
 
+i.new-message {
+    float: right;
+    margin-right: 2em;
+}
 
 /* from Bootstrap's alert class */
 .errorlist {
diff --git a/hyperkitty/static/css/hyperkitty-message.css b/hyperkitty/static/css/hyperkitty-message.css
index 3978015..92c8778 100644
--- a/hyperkitty/static/css/hyperkitty-message.css
+++ b/hyperkitty/static/css/hyperkitty-message.css
@@ -194,21 +194,25 @@
 }
 
 /* The email thread */
-.even, .odd, .temporary {
+.replies .email {
     border-top: 1px solid rgb(179, 179, 179);
     padding: 1em;
 	margin: 20px 0px 20px 0px;
 }
-.even {
+.even .email {
     background-color: rgb(246, 246, 246);
 }
-.odd {
+.odd .email {
     background-color: rgb(238, 238, 238);
 }
-.temporary {
+.temporary .email {
     background-color: rgb(215, 215, 229);
     display: none;
 }
+.replies .email.new-message {
+    border-top: 1px solid rgb(100, 100, 100);
+    background-color: rgb(214, 214, 214);
+}
 
 .email-body {
     white-space: pre;