fix outbox, add indicator for message status

2024-07-21 14:15:26 +02:00
parent ca8f1d3348
commit cb243bca62
8 changed files with 160 additions and 28 deletions
@@ -451,10 +451,19 @@ body[showing-chat] #chat-page-wrapper {
  padding: var(--control-padding);
 }
 .message-bubble .main .timestamp,
+.message-bubble .main .timestamp .icon,
 .message-bubble .main .sender-name {
  font-size: 0.8rem;
  opacity: 0.6;
 }
+.message-bubble .main .timestamp {
+  display: flex;
+  align-items: center;
+  gap: var(--gap-between-tiles);
+}
+.message-bubble .main .timestamp .icon {
+  display: none;
+}
 .message-bubble .main .sender-name {
  font-weight: bold;
 }
@@ -467,9 +476,13 @@ body[showing-chat] #chat-page-wrapper {
 .message-bubble[sentbyuser] {
  align-items: flex-end;
 }
-.message-bubble[sentbyuser] .main {
+.message-bubble[sentbyuser] .main,
+.message-bubble[sentbyuser] .main .timestamp {
  flex-direction: row-reverse;
 }
+.message-bubble[sentbyuser] .main .timestamp .icon {
+  display: flex;
+}
 .message-bubble[sentbyuser] .main span {
  text-align: right;
 }