Skip to content

Commit 92e6dff

Browse files
fix: [REACT-401] message shrinking when MessageActions modal is open (#334)
### 🎯 Goal Message shrinks when the chat window is not wide enough and the `MessageActions` modal gets opened. ### 🎨 UI Changes Normal: ![image](https://github.com/user-attachments/assets/9ba6eb24-00ad-4b4e-9520-ef4ea3543183) Opened (before fix): ![image](https://github.com/user-attachments/assets/eb1fb4d9-ea6a-4e5b-9f96-543c72bcad0d) Opened fixed: ![image](https://github.com/user-attachments/assets/0f8686ad-ff95-4846-bfdb-6735ab1678ee)
1 parent 86c5d57 commit 92e6dff

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

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

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -313,7 +313,8 @@
313313
.str-chat__virtual-list:not(.str-chat__message-options-in-bubble, .str-chat__message-with-touch-support) {
314314
/* This rule won't be applied in browsers that don't support :has() */
315315
.str-chat__li:hover:not(:has(.str-chat__reaction-list:hover, .str-chat__modal--open)),
316-
.str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)) {
316+
.str-chat__li:focus-within:not(:has(.str-chat__reaction-list:focus-within, .str-chat__modal--open)),
317+
.str-chat__li:has(.str-chat__message-options--active) {
317318
.str-chat__message-options {
318319
display: flex;
319320
}

0 commit comments

Comments
 (0)