From 7b7c4c383a5ba73769623a9327465421d7610185 Mon Sep 17 00:00:00 2001 From: Joffrey JAFFEUX Date: Wed, 31 May 2023 16:58:31 +0200 Subject: [PATCH] UX: followups to #1f37fe5 (#21859) - ensures buttons are aligned to the bottom - makes the emoji icon tertiary as initially intended - correctly sets the icon scale of the sending button --- .../stylesheets/common/chat-composer-button.scss | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/plugins/chat/assets/stylesheets/common/chat-composer-button.scss b/plugins/chat/assets/stylesheets/common/chat-composer-button.scss index 4aed231c684..c561791749c 100644 --- a/plugins/chat/assets/stylesheets/common/chat-composer-button.scss +++ b/plugins/chat/assets/stylesheets/common/chat-composer-button.scss @@ -14,6 +14,7 @@ display: flex; align-items: center; justify-content: center; + align-self: flex-end; } .d-icon { @@ -62,15 +63,19 @@ } &:hover { - .d-icon.is-send-enabled & { - transform: scale(1.2); + .d-icon { + .is-send-enabled & { + transform: scale(1.2); + } } } } &.-emoji { - .d-icon.is-focused & { - color: var(--tertiary); + .d-icon { + .is-focused & { + color: var(--tertiary); + } } } }