Add unread message separator

Closes: https://todo.sr.ht/~emersion/gamja/4
2020-09-03 11:51:52 +02:00
parent 0b03f9d767
commit 57ca2c44ad
3 changed files with 41 additions and 10 deletions
@@ -239,15 +239,29 @@ details summary {
 	color: #ec273e;
 }

-#buffer .date-separator {
+#buffer .separator {
 	display: flex;
 	align-items: center;
 	text-align: center;
+	text-transform: lowercase;
+	font-variant: small-caps;
 }
-#buffer .date-separator::before, #buffer .date-separator::after {
+#buffer .separator::before, #buffer .separator::after {
 	content: "";
 	flex: 1;
-	border-bottom: 1px solid #ddd;
+	border-bottom: 1px solid transparent;
+}
+#buffer .date-separator {
+	color: #ddd;
+}
+#buffer .date-separator::before, #buffer .date-separator::after {
+	border-color: #ddd;
+}
+#buffer .unread-separator {
+	color: #ff3535;
+}
+#buffer .unread-separator::before, #buffer .unread-separator::after {
+	border-color: #ff3535;
 }

 #error-msg {