From cde5dea74fea093a8e35960accc95390a339d777 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Thu, 7 Sep 2023 15:42:49 +0200
Subject: [PATCH] UX:  popping animation for adding users (#23459)

* UX:  popping animation for adding users

* accessibility wrapper
---
 .../stylesheets/common/chat-message-creator.scss   | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/plugins/chat/assets/stylesheets/common/chat-message-creator.scss b/plugins/chat/assets/stylesheets/common/chat-message-creator.scss
index c23ab6cd760..c8dc7a93827 100644
--- a/plugins/chat/assets/stylesheets/common/chat-message-creator.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message-creator.scss
@@ -1,3 +1,14 @@
+@keyframes popIn {
+  0% {
+    transform: scale(0.1);
+    opacity: 0;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
 .chat-message-creator {
   display: flex;
   align-items: center;
@@ -219,6 +230,9 @@
     height: calc(var(--row-height) - 6);
     padding-inline: 0.25rem;
     margin: 3px;
+    @media (prefers-reduced-motion: no-preference) {
+      animation: popIn 0.1s ease-out;
+    }
 
     .d-icon-times {
       margin-top: 4px;