diff --git a/src/components/left/main/panes/ChatListPanes.tsx b/src/components/left/main/panes/ChatListPanes.tsx index f9ccfad07..ab3db0a63 100644 --- a/src/components/left/main/panes/ChatListPanes.tsx +++ b/src/components/left/main/panes/ChatListPanes.tsx @@ -5,6 +5,7 @@ import { withGlobal } from '../../../../global'; import type { ApiPromoData, ApiSession } from '../../../../api/types'; import { FRESH_AUTH_PERIOD } from '../../../../config'; +import { requestMutation } from '../../../../lib/fasterdom/fasterdom'; import { selectIsCurrentUserFrozen } from '../../../../global/selectors'; import buildClassName from '../../../../util/buildClassName'; import { getServerTime } from '../../../../util/serverTime'; @@ -96,8 +97,10 @@ const ChatListPanes = ({ zIndexIncrease: true, }); - setExtraStyles(leftColumn, { - '--chat-list-panes-height': `${totalHeight}px`, + requestMutation(() => { + setExtraStyles(leftColumn, { + '--chat-list-panes-height': `${totalHeight}px`, + }); }); }, [getUnconfirmedSessionHeight, getFrozenAccountState, getSuggestionState]); diff --git a/src/components/left/main/panes/SuggestionPane.module.scss b/src/components/left/main/panes/SuggestionPane.module.scss index 1d17e2a6a..58b1c0734 100644 --- a/src/components/left/main/panes/SuggestionPane.module.scss +++ b/src/components/left/main/panes/SuggestionPane.module.scss @@ -7,7 +7,7 @@ display: grid; grid-template-columns: 1fr min-content; - grid-template-rows: 1fr 1fr; + grid-template-rows: min-content 1fr; border-radius: var(--border-radius-default); diff --git a/src/components/middle/MiddleHeaderPanes.tsx b/src/components/middle/MiddleHeaderPanes.tsx index 78eeb7664..b5fa267c1 100644 --- a/src/components/middle/MiddleHeaderPanes.tsx +++ b/src/components/middle/MiddleHeaderPanes.tsx @@ -7,6 +7,7 @@ import type { MessageListType, ThreadId } from '../../types'; import type { Signal } from '../../util/signals'; import { MAIN_THREAD_ID } from '../../api/types'; +import { requestMutation } from '../../lib/fasterdom/fasterdom'; import { selectCanAnimateRightColumn, selectChat, @@ -115,8 +116,10 @@ const MiddleHeaderPanes = ({ applyAnimationState({ list: stateArray, noTransition: isFirstRender }); - setExtraStyles(middleColumn, { - '--middle-header-panes-height': `${totalHeight}px`, + requestMutation(() => { + setExtraStyles(middleColumn, { + '--middle-header-panes-height': `${totalHeight}px`, + }); }); }, [getAudioPlayerState, getGroupCallState, getPinnedState, getChatReportState, getBotAdState, getBotVerificationState, getPaidMessageChargeState]);