diff --git a/src/v2/styles/Message/Message-layout.scss b/src/v2/styles/Message/Message-layout.scss index 58c8a80..aff22fd 100644 --- a/src/v2/styles/Message/Message-layout.scss +++ b/src/v2/styles/Message/Message-layout.scss @@ -260,6 +260,24 @@ } } + .str-chat__message-status-sent { + --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 12); + + svg { + width: var(--str-chat-icon-height); + height: var(--str-chat-icon-height); + } + } + + .str-chat__message-status-delivered { + --str-chat-icon-height: calc(var(--str-chat__spacing-px) * 15); + + svg { + width: var(--str-chat-icon-height); + height: var(--str-chat-icon-height); + } + } + .str-chat__message-replies-count-button-wrapper, .str-chat__message-is-thread-reply-button-wrapper { grid-area: replies; diff --git a/src/v2/styles/Message/Message-theme.scss b/src/v2/styles/Message/Message-theme.scss index 282f4e1..98fd5cb 100644 --- a/src/v2/styles/Message/Message-theme.scss +++ b/src/v2/styles/Message/Message-theme.scss @@ -344,6 +344,15 @@ } } + .str-chat__message-status-sent, + .str-chat__message-status-delivered { + svg { + path { + fill: var(--str-chat__text-low-emphasis-color); + } + } + } + .str-chat__message-replies-count-button-wrapper, .str-chat__message-is-thread-reply-button-wrapper { button {