Remove top navbar's auto-hide

merge-requests/101/head
Sean King 4 years ago
parent a9347a9d27
commit 54d7fbdc5a

@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
import ImmutablePropTypes from 'react-immutable-proptypes';
import { Link, NavLink, withRouter } from 'react-router-dom';
import { FormattedMessage, injectIntl, defineMessages } from 'react-intl';
import { throttle } from 'lodash';
import { connect } from 'react-redux';
import classNames from 'classnames';
import NotificationsCounterIcon from './notifications_counter_icon';
@ -43,33 +42,10 @@ class TabsBar extends React.PureComponent {
router: PropTypes.object,
}
lastScrollTop = 0;
componentDidMount() {
this.window = window;
this.documentElement = document.scrollingElement || document.documentElement;
this.attachScrollListener();
// Handle initial scroll posiiton
this.handleScroll();
}
componentWillUnmount() {
this.detachScrollListener();
}
setRef = ref => {
this.node = ref;
}
attachScrollListener() {
this.window.addEventListener('scroll', this.handleScroll);
}
detachScrollListener() {
this.window.removeEventListener('scroll', this.handleScroll);
}
getNavLinks() {
const { intl: { formatMessage }, logo, account } = this.props;
let links = [];
@ -117,27 +93,6 @@ class TabsBar extends React.PureComponent {
this.props.toggleTheme(this.getNewThemeValue());
}
handleScroll = throttle(() => {
if (this.window) {
const { pageYOffset, innerWidth } = this.window;
if (innerWidth > 895) return;
const { scrollTop } = this.documentElement;
let st = pageYOffset || scrollTop;
if (st > this.lastScrollTop){
let offset = st - this.lastScrollTop;
if (offset > 50) this.setState({ collapsed: true });
} else {
let offset = this.lastScrollTop - st;
if (offset > 50) this.setState({ collapsed: false });
}
this.lastScrollTop = st <= 0 ? 0 : st;
}
}, 150, {
trailing: true,
});
render() {
const { account, onOpenCompose, onOpenSidebar, intl, themeMode } = this.props;
const { collapsed } = this.state;

Loading…
Cancel
Save