Chat messages split per day

2017-01-27 12:22:26 +01:00
parent cbff973b63
commit f27b9ec6b4
4 changed files with 40 additions and 4 deletions
--- a/website/public/styles/chat.css
+++ b/website/public/styles/chat.css
@@ -1,3 +1,8 @@
+
+body {
+    overflow: hidden;
+}
+
 /* Overall chat-screen */
 .chat {
    position: fixed;
@@ -37,6 +42,22 @@
 }

 /* Chat-message takes the whole width of the chat area */
+.day-message {
+    width: 100%;
+    min-height: 40px;
+    padding: 10px 0;
+    clear: both;
+    text-align: center;
+}
+
+.day-message-content {
+    width: auto;
+    padding: 10px;
+
+    background-color: #F8F8F8;
+    color: #666;
+}
+
 .chat-message {
    width: 100%;
    min-height: 40px;