matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-04 23:02:14 +03:00
Code Activity

Hide scrollbar if content height is smaller than scroll node height (#7220)

Browse Source
This commit is contained in:
Germain
2021-11-29 17:03:53 +00:00
committed by GitHub
parent 9d52c23e06
commit 065b65a764
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/structures/_RoomView.scss
View File

@@ -120,6 +120,10 @@ limitations under the License.
overflow-y: auto; overflow-y: auto;
flex: 1 1 0; flex: 1 1 0;
overflow-anchor: none; overflow-anchor: none;
&[data-scrollbar=false] {
overflow-y: hidden;
}
} }
.mx_RoomView_messagePanelSearchSpinner { .mx_RoomView_messagePanelSearchSpinner {

2
src/components/structures/ScrollPanel.tsx
View File

@@ -750,6 +750,8 @@ export default class ScrollPanel extends React.Component<IProps> {
const minHeight = sn.clientHeight; const minHeight = sn.clientHeight;
const height = Math.max(minHeight, contentHeight); const height = Math.max(minHeight, contentHeight);
this.pages = Math.ceil(height / PAGE_SIZE); this.pages = Math.ceil(height / PAGE_SIZE);
const displayScrollbar = contentHeight > minHeight;
sn.dataset.scrollbar = displayScrollbar.toString();
this.bottomGrowth = 0; this.bottomGrowth = 0;
const newHeight = `${this.getListHeight()}px`; const newHeight = `${this.getListHeight()}px`;