commit c6f3a266c6903c6e692d077d2e13ca667fbdf1d0
author Sébastien Blin <sebastien.blin@savoirfairelinux.com> Fri Jul 28 16:12:24 2017 -0400
committer Sébastien Blin <sebastien.blin@savoirfairelinux.com> Mon Jul 31 17:05:07 2017 -0400
tree d8a64b099092015a64b911748ca97c905f43ac41
parent 2309eda866fa4e8a4ed37830fbc47e7fc0bc6e8b

chatview: improve timestamp display.

Timestamps are displayed as group likes "just now", "1 hour ago", etc.

Change-Id: I39c3482615c0e3fa4cef01ef29b355785c203626
Reviewed-by: Philippe Gorley <philippe.gorley@savoirfairelinux.com>

web/chatview.css

diff --git a/web/chatview.css b/web/chatview.css
index 1dce00f..5a9cff6 100644
--- a/web/chatview.css
+++ b/web/chatview.css
@@ -210,6 +210,19 @@
     flex-direction: row-reverse;
 }
 
+.timestamp
+{
+  display: flex;
+  justify-content: flex-start;
+  color: #333;
+  font-size: 10px;
+  padding: 5px;
+}
+
+.timestamp_out {
+  flex-direction: row-reverse;
+}
+
 .message_sender {
     display: none;
 }
@@ -271,20 +284,23 @@
 }
 
 .message_timestamp {
-    font-size: 0.8em;
-    margin-top: 0.5em;
-    opacity: 1;
-    transition: opacity 0.5s ease-in-out;
-    line-height: 1em;
-    display: inline-block;
+  color: #333;
+  font-size: 0.8em;
+  margin-top: 0.5em;
+  transition: opacity 0.3s ease-in-out;
+  line-height: 1em;
+  display: inline-block;
+  opacity: 0;
+  float: right;
+}
+
+.message_wrapper:hover .message_timestamp {
+  opacity: 1;
 }
 
 .sent-checkmark {
-    margin-left: 0.313em;
-}
-
-.message_in .message_timestamp {
-    color: #9E9E9E;
+  margin-left: 0.313em;
+  float: right;
 }
 
 @-webkit-keyframes fade-in {