Added overflow stop for mobile menu, shifting some stuff.
This commit is contained in:
@@ -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);
|
||||
|
Reference in New Issue
Block a user