diff --git a/src/styles/ChannelListMessenger.scss b/src/styles/ChannelListMessenger.scss index 5409bb83..15e7d875 100644 --- a/src/styles/ChannelListMessenger.scss +++ b/src/styles/ChannelListMessenger.scss @@ -3,3 +3,7 @@ min-width: 300px; background: var(--grey-gainsboro); } + +.str-chat-channel-list .str-chat__channel-list-messenger__main { + padding-bottom: 4px; +} diff --git a/src/styles/ChannelSearch.scss b/src/styles/ChannelSearch.scss index 059d5154..a79de527 100644 --- a/src/styles/ChannelSearch.scss +++ b/src/styles/ChannelSearch.scss @@ -81,7 +81,7 @@ } &-container.inline { - top: 60px; + top: 64px; right: 0; background: var(--grey-gainsboro); height: calc(100vh - 60px); diff --git a/src/styles/EditMessageForm.scss b/src/styles/EditMessageForm.scss index c8e00f88..9b3b8299 100644 --- a/src/styles/EditMessageForm.scss +++ b/src/styles/EditMessageForm.scss @@ -106,3 +106,7 @@ } } } + +.str-chat__edit-message-form { + position: relative; +} diff --git a/src/styles/LoadMoreButton.scss b/src/styles/LoadMoreButton.scss index c4da4d3d..6a562ee9 100644 --- a/src/styles/LoadMoreButton.scss +++ b/src/styles/LoadMoreButton.scss @@ -36,3 +36,8 @@ } } } + +.str-chat__load-more-button__button { + display: flex; + justify-content: center; +} diff --git a/src/styles/MessageActions.scss b/src/styles/MessageActions.scss index 1de9337d..1551e31e 100644 --- a/src/styles/MessageActions.scss +++ b/src/styles/MessageActions.scss @@ -89,3 +89,15 @@ .str-chat__message-actions-options:hover svg { fill: var(--primary-color); } + +.str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--thread { + display: flex; +} + +.str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--reactions { + display: flex; +} + +.str-chat__message-simple:focus-within .str-chat__message-simple__actions__action--options { + display: flex; +} diff --git a/src/styles/Modal.scss b/src/styles/Modal.scss index 64b1cbbc..d2f8fe5f 100644 --- a/src/styles/Modal.scss +++ b/src/styles/Modal.scss @@ -66,3 +66,9 @@ } } } + +.str-chat__exit { + display: flex; + width: 86px; + justify-content: space-between; +}