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); } } 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; + } + } }