This commit is contained in:
Bruno Windels 2018-11-01 17:56:08 +01:00
parent 3e02f247c8
commit 4c5bd71114
6 changed files with 14 additions and 20 deletions

View file

@ -19,20 +19,20 @@ import React from "react";
// derived from code from github.com/noeldelgado/gemini-scrollbar
// Copyright (c) Noel Delgado <pixelia.me@gmail.com> (pixelia.me)
function getScrollbarWidth(alternativeOverflow) {
var e = document.createElement('div'), sw;
e.style.position = 'absolute';
e.style.top = '-9999px';
e.style.width = '100px';
e.style.height = '100px';
e.style.overflow = "scroll";
const div = document.createElement('div');
div.style.position = 'absolute';
div.style.top = '-9999px';
div.style.width = '100px';
div.style.height = '100px';
div.style.overflow = "scroll";
if (alternativeOverflow) {
e.style.overflow = alternativeOverflow;
div.style.overflow = alternativeOverflow;
}
e.style.msOverflowStyle = '-ms-autohiding-scrollbar';
document.body.appendChild(e);
sw = (e.offsetWidth - e.clientWidth);
document.body.removeChild(e);
return sw;
div.style.msOverflowStyle = '-ms-autohiding-scrollbar';
document.body.appendChild(div);
const scrollbarWidth = (div.offsetWidth - div.clientWidth);
document.body.removeChild(div);
return scrollbarWidth;
}
function install() {
@ -60,11 +60,10 @@ const installBodyClassesIfNeeded = (function() {
install();
installed = true;
}
}
};
})();
export default class AutoHideScrollbar extends React.Component {
constructor(props) {
super(props);
this.onOverflow = this.onOverflow.bind(this);

View file

@ -179,10 +179,9 @@ const LeftPanel = React.createClass({
const RoomList = sdk.getComponent('rooms.RoomList');
const TagPanel = sdk.getComponent('structures.TagPanel');
const TopLeftMenuButton = sdk.getComponent('structures.TopLeftMenuButton');
const BottomLeftMenu = sdk.getComponent('structures.BottomLeftMenu');
const CallPreview = sdk.getComponent('voip.CallPreview');
let topBox = <TopLeftMenuButton collapsed={ this.props.collapsed }/>;
const topBox = <TopLeftMenuButton collapsed={ this.props.collapsed } />;
/*
const SearchBox = sdk.getComponent('structures.SearchBox');
const topBox = <SearchBox collapsed={ this.props.collapsed } onSearch={ this.onSearch } />;

View file

@ -26,7 +26,6 @@ import Avatar from '../../Avatar';
const AVATAR_SIZE = 28;
export default class TopLeftMenuButton extends React.Component {
static propTypes = {
collapsed: PropTypes.bool.isRequired,
};