Skip to content

Commit b59e77f

Browse files
committed
feat: remove padding block from str-chat__message
1 parent 34fee6a commit b59e77f

1 file changed

Lines changed: 7 additions & 2 deletions

File tree

src/components/Message/styling/Message.scss

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -90,20 +90,25 @@
9090
/* Make spaces between message groups */
9191
.str-chat__li--top {
9292
padding-block-start: calc(var(--spacing-xs) - var(--spacing-xxxs));
93+
padding-block-end: var(--spacing-xxxs);
9394
}
9495

9596
.str-chat__li--bottom {
97+
padding-block-start: var(--spacing-xxxs);
9698
padding-block-end: calc(var(--spacing-xs) - var(--spacing-xxxs));
9799
}
98100

101+
.str-chat__li--middle {
102+
padding-block: var(--spacing-xxxs);
103+
}
104+
99105
.str-chat__li--single {
100-
padding-block: calc(var(--spacing-xs) - var(--spacing-xxxs));
106+
padding-block: var(--spacing-xs);
101107
}
102108

103109
.str-chat__message {
104110
--str-chat-message-options-size: calc(3 * var(--str-chat__message-options-button-size));
105111
padding-inline: var(--str-chat__message-composer-padding);
106-
padding-block: var(--spacing-xxxs);
107112

108113
&.str-chat__message-without-touch-support {
109114
--str-chat-message-options-size: calc(

0 commit comments

Comments
 (0)