Added overflow stop for mobile menu, shifting some stuff.

This commit is contained in:
2018-06-18 21:55:24 +10:00
parent c52c04db63
commit 07aa74f359
12 changed files with 244 additions and 67 deletions

View File

@@ -22,6 +22,8 @@
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import React from 'react';
import { connect } from 'react-redux';
import Background from './background/Background';
import Header from './header/Header';
import Footer from './footer/Footer';
@@ -31,19 +33,37 @@ import Routes from './page/Routes';
class App extends React.Component {
constructor(props) {
super(props);
this.onEnteringBound = this.onEntering.bind(this);
}
onEntering() {
this.refs.app.scroll({
top: 0,
left: 0,
behavior: 'smooth'
});
}
render() {
let clazz = "o-app";
if(this.props.menuOpen) clazz += " is-menu-open "
return (
<HashRouter>
<div className="o-app">
<Background style="normal" />
<div className={clazz} ref="app">
<Header />
<Routes />
<Routes onEntering={this.onEnteringBound} />
</div>
</HashRouter>
);
}
}
export default App;
const mapStateToProps = function(state) {
return {
menuOpen: state.menu.open
}
}
export default connect(mapStateToProps)(App);