Skip to content

Commit ccb3e36

Browse files
committed
feat: add styles for message sent and delivered status icons
1 parent 9d67a2e commit ccb3e36

File tree

2 files changed

+19
-0
lines changed

2 files changed

+19
-0
lines changed

src/v2/styles/Message/Message-layout.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -260,6 +260,16 @@
260260
}
261261
}
262262

263+
.str-chat__message-status-sent,
264+
.str-chat__message-status-delivered {
265+
--str-chat-icon-height: calc(var(--str-chat__spacing-px) * 12);
266+
267+
svg {
268+
width: var(--str-chat-icon-height);
269+
height: var(--str-chat-icon-height);
270+
}
271+
}
272+
263273
.str-chat__message-replies-count-button-wrapper,
264274
.str-chat__message-is-thread-reply-button-wrapper {
265275
grid-area: replies;

src/v2/styles/Message/Message-theme.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -344,6 +344,15 @@
344344
}
345345
}
346346

347+
.str-chat__message-status-sent,
348+
.str-chat__message-status-delivered {
349+
svg {
350+
path {
351+
fill: var(--str-chat__text-low-emphasis-color);
352+
}
353+
}
354+
}
355+
347356
.str-chat__message-replies-count-button-wrapper,
348357
.str-chat__message-is-thread-reply-button-wrapper {
349358
button {

0 commit comments

Comments
 (0)