From a0dce3069f7a9d686892ebbdad678e730a404944 Mon Sep 17 00:00:00 2001 From: Brian Andrews Date: Sun, 22 Apr 2018 20:34:51 -0600 Subject: [PATCH] Hack to fix scroll --- src/client/components/Login.js | 4 ++++ src/client/containers/DashboardContainer.js | 2 +- src/client/styles/login.css | 9 +++++++++ src/client/styles/rain.css | 2 +- 4 files changed, 15 insertions(+), 2 deletions(-) create mode 100644 src/client/styles/login.css diff --git a/src/client/components/Login.js b/src/client/components/Login.js index f1008a4..cc972a1 100644 --- a/src/client/components/Login.js +++ b/src/client/components/Login.js @@ -52,6 +52,10 @@ class Login extends Component { this.userLogin = this.userLogin.bind(this); } + componentDidMount() { + document.body.style.overflowY = 'hidden'; + } + // User login userLogin(e) { const { email, password } = this.state; diff --git a/src/client/containers/DashboardContainer.js b/src/client/containers/DashboardContainer.js index 7790f37..5069ffc 100644 --- a/src/client/containers/DashboardContainer.js +++ b/src/client/containers/DashboardContainer.js @@ -65,7 +65,7 @@ class DashboardContainer extends Component { } componentDidMount() { - console.log('this.props = ', this.props); + document.body.style.overflowY = 'auto'; if ( !( this.props.location && diff --git a/src/client/styles/login.css b/src/client/styles/login.css new file mode 100644 index 0000000..5bc855a --- /dev/null +++ b/src/client/styles/login.css @@ -0,0 +1,9 @@ +html { + height: 100%; +} +body { + background: #000; + background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#81d4fa)); + background: -moz-linear-gradient(top, rgba(#fff) 0%, #81d4fa 100%); + overflow: hidden; +} \ No newline at end of file diff --git a/src/client/styles/rain.css b/src/client/styles/rain.css index 354ee26..9957641 100644 --- a/src/client/styles/rain.css +++ b/src/client/styles/rain.css @@ -5,7 +5,7 @@ body { background: #000; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#81d4fa)); background: -moz-linear-gradient(top, rgba(#fff) 0%, #81d4fa 100%); - overflow: auto; + overflow: hidden; } .drop {