Skip to content

Commit fb5e0a4

Browse files
fix: move mention styling outside message (#325)
### 🎯 Goal Adjust styling of the mention span element so it gets picked up within message, quoted message and quoted message within message input. Before: ![image](https://github.com/user-attachments/assets/e67623ab-a660-4ed1-be73-5ecfebdeb6fa) After: ![image](https://github.com/user-attachments/assets/c955a11e-2309-4847-b3d2-791dbb1cb0bd)
1 parent 5231325 commit fb5e0a4

1 file changed

Lines changed: 5 additions & 5 deletions

File tree

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -191,6 +191,11 @@
191191
}
192192
}
193193

194+
.str-chat__message-mention {
195+
color: var(--str-chat__message-mention-color);
196+
font: var(--str-chat__body2-medium-text);
197+
}
198+
194199
.str-chat__message {
195200
@include utils.component-layer-overrides('message');
196201

@@ -199,11 +204,6 @@
199204
color: var(--str-chat__message-link-color);
200205
}
201206

202-
.str-chat__message-mention {
203-
color: var(--str-chat__message-mention-color);
204-
font: var(--str-chat__body2-medium-text);
205-
}
206-
207207
.str-chat__message-bubble {
208208
@include utils.component-layer-overrides('message-bubble');
209209
font: var(--str-chat__body2-text);

0 commit comments

Comments
 (0)