diff options
author | Corey Hulen <corey@hulen.com> | 2015-11-03 12:48:58 -0800 |
---|---|---|
committer | Corey Hulen <corey@hulen.com> | 2015-11-03 12:48:58 -0800 |
commit | 34c4f77d8c4a8e85ebc0b96e74d8e5a048351f24 (patch) | |
tree | 754de83dd0c2648ff67f29d6190b825aa9d32eb6 /web/react/components/tutorial/tutorial_intro_screens.jsx | |
parent | 0f3fe79b8053672220cdbda3ba68974c1b2bf7d8 (diff) | |
parent | 38fd4acebd17775c9adc81f719ffc044e3bf6cde (diff) | |
download | chat-34c4f77d8c4a8e85ebc0b96e74d8e5a048351f24.tar.gz chat-34c4f77d8c4a8e85ebc0b96e74d8e5a048351f24.tar.bz2 chat-34c4f77d8c4a8e85ebc0b96e74d8e5a048351f24.zip |
Merge pull request #1282 from asaadmahmoodspin/ui-improvements
Multiple UI changes
Diffstat (limited to 'web/react/components/tutorial/tutorial_intro_screens.jsx')
-rw-r--r-- | web/react/components/tutorial/tutorial_intro_screens.jsx | 31 |
1 files changed, 20 insertions, 11 deletions
diff --git a/web/react/components/tutorial/tutorial_intro_screens.jsx b/web/react/components/tutorial/tutorial_intro_screens.jsx index c7abccae3..8fc38b1e3 100644 --- a/web/react/components/tutorial/tutorial_intro_screens.jsx +++ b/web/react/components/tutorial/tutorial_intro_screens.jsx @@ -35,6 +35,9 @@ export default class TutorialIntroScreens extends React.Component { preference = PreferenceStore.setPreference(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), newValue); AsyncClient.savePreferences([preference]); } + componentDidMount() { + $('.tutorials__scroll').perfectScrollbar(); + } createScreen() { switch (this.state.currentScreen) { case 0: @@ -130,20 +133,26 @@ export default class TutorialIntroScreens extends React.Component { ); } render() { + const height = Utils.windowHeight() - 100; const screen = this.createScreen(); return ( - <div className='tutorial-steps__container'> - <div className='tutorial__content'> - <div className='tutorial__steps'> - {screen} - <button - className='btn btn-primary' - tabIndex='1' - onClick={this.handleNext} - > - {'Next'} - </button> + <div + className='tutorials__scroll' + style={{height}} + > + <div className='tutorial-steps__container'> + <div className='tutorial__content'> + <div className='tutorial__steps'> + {screen} + <button + className='btn btn-primary' + tabIndex='1' + onClick={this.handleNext} + > + {'Next'} + </button> + </div> </div> </div> </div> |