In #36331 and #36449, we fixed the scrolling problem of chat-settings/member list by enabling the scroll of the page body. While a recent commit may conflicts with the commit before, making the container unscrollable again.
This time we take another approach, since the body element shouldn’t be scrolled, the scroll item is now changed to channel-info-settings and channel-info-members, and the height of the parent container is set using chat-height, such that the container is scrollable again.
Also, the legacy code of overflow: scroll; in the body is changed back to hidden, since it now causes a flicker when scrolling the body.
Before:
(The flicker can be see from this attach, though on real iOS/iPadOS devices this is subtle)
After:
Also, did some fixes to avoid the member list from y-axis overflowing caused by long usernames.
Before:
After:
One more thing:
When using the @mixin chat-height, the default value is 0 rather than 0px, which causes invalid expression when directly used, this is also fixed here.
