Add a header with the date when it changes between messages

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

1 files changed, 25 insertions, 0 deletions

diff --git a/css/comments.css b/css/comments.css
index 4a75de172..ef8e4ee97 100644
--- a/css/comments.css
+++ b/css/comments.css
@@ -190,3 +190,28 @@
 #commentsTabView .comment.grouped {
 	margin-top: -20px;
 }
+
+#commentsTabView .comment.showDate {
+	margin-top: 40px;
+	border-top: 1px solid #dbdbdb;
+	padding-top: 10px;
+}
+
+#commentsTabView .comment.showDate:before {
+	content: attr(data-date);
+
+	position: absolute;
+	top: 0;
+	left: 50%;
+	transform: translateX(-50%) translateY(-50%);
+	padding: 0 7px 0 7px;
+
+	text-align: center;
+
+	color: #878787;
+	background-color: #fff;
+}
+
+#commentsTabView .comment.showDate .authorRow {
+	display: block;
+}