diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-11-03 19:56:46 +0500 |
---|---|---|
committer | Asaad Mahmood <Unknowngi@live.com> | 2015-11-03 19:56:46 +0500 |
commit | c49f3b3956fae1b00145568140c940d5fa053eb8 (patch) | |
tree | c4c15887238daa04bc47586c4b699cda03a969f3 /web/react/components/tutorial | |
parent | ad3427e7e25c42f6087469703ed79153f6bb5344 (diff) | |
download | chat-c49f3b3956fae1b00145568140c940d5fa053eb8.tar.gz chat-c49f3b3956fae1b00145568140c940d5fa053eb8.tar.bz2 chat-c49f3b3956fae1b00145568140c940d5fa053eb8.zip |
Multiple UI changes
Diffstat (limited to 'web/react/components/tutorial')
-rw-r--r-- | web/react/components/tutorial/tutorial_intro_screens.jsx | 29 |
1 files changed, 18 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..25fd18b49 100644 --- a/web/react/components/tutorial/tutorial_intro_screens.jsx +++ b/web/react/components/tutorial/tutorial_intro_screens.jsx @@ -35,6 +35,11 @@ export default class TutorialIntroScreens extends React.Component { preference = PreferenceStore.setPreference(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), newValue); AsyncClient.savePreferences([preference]); } + componentDidMount() { + const height = $(window).height() - 100; + $('.tutorials__scroll').height(height); + $('.tutorials__scroll').perfectScrollbar(); + } createScreen() { switch (this.state.currentScreen) { case 0: @@ -133,17 +138,19 @@ export default class TutorialIntroScreens extends React.Component { 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'> + <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> |