use icons for timeline short labels

2025-12-08 13:46:38 +00:00
parent 81a9c28971
commit 4ae54a1f7b
2 changed files with 30 additions and 13 deletions
--- a/packages/ui/src/styles/messaging/message-timeline.css
+++ b/packages/ui/src/styles/messaging/message-timeline.css
@@ -138,6 +138,14 @@

 .message-timeline-label-short {
  display: none;
+  line-height: 1;
+  align-items: center;
+  justify-content: center;
+}
+
+.message-timeline-icon {
+  width: 1rem;
+  height: 1rem;
 }

@media (max-width: 720px) {
@@ -145,7 +153,7 @@
    display: none;
  }
  .message-timeline-label-short {
-    display: block;
+    display: inline-flex;
  }
 }