UX: micro animations chat input (#23030)

2023-08-09 12:58:36 +02:00 · 2023-08-09 12:58:36 +02:00 · a846226e92
parent ac85520813
commit a846226e92
2 changed files with 9 additions and 1 deletions
--- 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);
--- 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;
    }
  }
 }