Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-11 00:08:30 +01:00
Code Issues Projects Releases Wiki Activity

scroll to top after navigation

Browse Source
This commit is contained in:
sveisvei 2016-12-11 19:30:56 +01:00
parent 80ea827c41
commit f9375920a3
1 changed files with 12 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/component/app.jsx
View File

@ -26,29 +26,26 @@ function replace (input, params) {
} }
export default class App extends Component { export default class App extends Component {
constructor (props) {
super(props);
this.state = { drawerActive: false };
this.toggleDrawerActive = () => {
this.setState({ drawerActive: !this.state.drawerActive });
};
}
static contextTypes = { static contextTypes = {
router: React.PropTypes.object, router: React.PropTypes.object,
} }
componentWillReceiveProps (nextProps) { componentWillReceiveProps (nextProps) {
// copied from https://github.com/react-mdl/react-mdl/issues/254
// If our locations are different and drawer is open,
// force a close
if (this.props.location.pathname !== nextProps.location.pathname) { if (this.props.location.pathname !== nextProps.location.pathname) {
const layout = document.querySelector('.mdl-js-layout'); clearTimeout(this.timer);
const drawer = document.querySelector('.mdl-layout__drawer'); this.timer = setTimeout(() => {
window.requestAnimationFrame(() => {
document.querySelector('.mdl-layout__content').scrollTop = 0;
});
if (drawer.classList.contains('is-visible')) { const layout = document.querySelector('.mdl-js-layout');
layout.MaterialLayout.toggleDrawer(); const drawer = document.querySelector('.mdl-layout__drawer');
} // hack, might get a built in alternative later
if (drawer.classList.contains('is-visible')) {
layout.MaterialLayout.toggleDrawer();
}
}, 10);
} }
} }
@ -92,8 +89,6 @@ export default class App extends Component {
); );
} }
onOverlayClick = () => this.setState({ drawerActive: false });
render () { render () {
const createListItem = (path, caption, icon) => const createListItem = (path, caption, icon) =>
<a <a
@ -169,29 +164,5 @@ export default class App extends Component {
</Layout> </Layout>
</div> </div>
); );
return (
<div className={style.container}>
<AppBar title="Unleash Admin" leftIcon="menu" onLeftIconClick={this.toggleDrawerActive} className={style.appBar}>
</AppBar>
<div className={style.container} style={{ top: '6.4rem' }}>
<Layout>
<NavDrawer active={this.state.drawerActive} permanentAt="sm" onOverlayClick={this.onOverlayClick} >
<Navigation />
</NavDrawer>
<Panel scrollY>
<div style={{ padding: '1.8rem' }}>
{this.props.children}
</div>
</Panel>
</Layout>
</div>
</div>
);
} }
}; };