From 1d011587fc3c794e82d9b2e39b629512de006ce7 Mon Sep 17 00:00:00 2001 From: Anton Arnautov Date: Wed, 11 Mar 2026 15:58:41 +0100 Subject: [PATCH 1/2] Remove box shadow for bottom-positioned reactions --- src/components/Reactions/styling/ReactionList.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/components/Reactions/styling/ReactionList.scss b/src/components/Reactions/styling/ReactionList.scss index b51a74175..afb0a8250 100644 --- a/src/components/Reactions/styling/ReactionList.scss +++ b/src/components/Reactions/styling/ReactionList.scss @@ -42,10 +42,16 @@ display: flex; align-items: center; color: var(--reaction-text); - font-family: var(--typography-font-family-sans); font-size: var(--typography-font-size-xxs); font-weight: var(--typography-font-weight-bold); line-height: 1; } } + + &--bottom { + .str-chat__message-reactions__list-button, + .str-chat__message-reactions__list-item-button { + box-shadow: none; + } + } } From 6b05656e36b8fa9008cfb0e16bcf52785a100d79 Mon Sep 17 00:00:00 2001 From: Anton Arnautov Date: Wed, 11 Mar 2026 16:10:54 +0100 Subject: [PATCH 2/2] Remove inline paddings for certain elements when message is emoji-only --- src/components/Message/styling/Message.scss | 11 +++++++++++ .../Message/styling/MessageRepliesCountButton.scss | 11 ++--------- 2 files changed, 13 insertions(+), 9 deletions(-) diff --git a/src/components/Message/styling/Message.scss b/src/components/Message/styling/Message.scss index cac4e5ab1..71acf0cf1 100644 --- a/src/components/Message/styling/Message.scss +++ b/src/components/Message/styling/Message.scss @@ -145,6 +145,17 @@ line-height: 32px; } } + + // remove paddings for certain elements in emoji-only messages + .str-chat__message-bubble, + .str-chat__message-inner .str-chat__message-bubble .str-chat__message-text, + .str-chat__message-inner .str-chat__message-replies-count-button-wrapper { + padding-inline: 0; + } + + .str-chat__message-replies-count-button-wrapper::after { + display: none; + } } .str-chat__message.str-chat__message--has-attachment { diff --git a/src/components/Message/styling/MessageRepliesCountButton.scss b/src/components/Message/styling/MessageRepliesCountButton.scss index dfb398e22..b9c113189 100644 --- a/src/components/Message/styling/MessageRepliesCountButton.scss +++ b/src/components/Message/styling/MessageRepliesCountButton.scss @@ -35,15 +35,8 @@ flex-direction: row; align-items: center; - color: var(--text-primary); - font-feature-settings: - 'liga' off, - 'clig' off; - font-family: var(--typography-font-family-sans); - font-size: var(--typography-font-size-sm); - font-style: normal; - font-weight: var(--typography-font-weight-semi-bold); - line-height: var(--typography-line-height-tight); + color: var(--text-link); + font: var(--str-chat__heading-xs-text); } }