feat(chat): align attachments based on user who attaches them

telerik · Jul 25, 2023 · 97796b6 · 97796b6
1 parent 7c92781
commit 97796b6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/default/scss/chat/_layout.scss b/packages/default/scss/chat/_layout.scss
@@ -319,6 +319,11 @@
         margin: $kendo-chat-bubble-spacing 0 0;
     }
 
+    .k-message-group.k-alt + .k-card-list,
+    .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
+        align-self: flex-end;
+    }
+
     .k-chat .k-card-deck {
         max-width: calc(100% + #{$kendo-chat-message-list-padding-y * 2}); // prevent overflowing in the parent element
         box-sizing: border-box;

diff --git a/packages/fluent/scss/chat/_layout.scss b/packages/fluent/scss/chat/_layout.scss
@@ -318,6 +318,11 @@
         margin: $kendo-chat-bubble-spacing 0 0;
     }
 
+    .k-message-group.k-alt + .k-card-list,
+    .k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
+        align-self: flex-end;
+    }
+
     .k-chat .k-card-deck {
         max-width: calc( 100% + #{ $kendo-chat-message-list-padding-y * 2 } ); // prevent overflowing in the parent element
         max-width: calc( 100% + var( --kendo-chat-message-list-padding-y, #{ $kendo-chat-message-list-padding-y * 2} ) );