UX: micro animations chat input (#23030)

discourse · Aug 9, 2023 · a846226 · a846226
1 parent ac85520
commit a846226
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/plugins/chat/assets/stylesheets/common/chat-composer-button.scss b/plugins/chat/assets/stylesheets/common/chat-composer-button.scss
@@ -72,6 +72,9 @@
   }
 
   &.-emoji {
+    &:hover {
+      transform: scale(1.1);
+    }
     .d-icon {
       .is-focused & {
         color: var(--tertiary);

diff --git a/plugins/chat/assets/stylesheets/common/chat-composer-dropdown.scss b/plugins/chat/assets/stylesheets/common/chat-composer-dropdown.scss
@@ -25,9 +25,14 @@
     border-radius: 100%;
   }
 
-  &.has-active-panel {
+  &:hover {
+    transform: scale(1.1);
+  }
+
+  &[aria-expanded="true"] {
     .d-icon {
       transform: rotate(45deg);
+      transform-origin: center;
     }
   }
 }