mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 11:47:23 +03:00
Code Issues Projects Releases Packages Wiki 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
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 0 deletions
Show stats 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`;