diff options
| author | JoramWilander <jwawilander@gmail.com> | 2015-11-09 15:24:16 -0500 |
|---|---|---|
| committer | JoramWilander <jwawilander@gmail.com> | 2015-11-09 15:42:56 -0500 |
| commit | 55882e1b8356fd59db9fc35f2d88617b1e542a4d (patch) | |
| tree | 96cb08e3ec4ed7e5c2e5e9090084414eacd2dd27 | |
| parent | ffe844339a2ebf20df0074aa64b5cafb8517f536 (diff) | |
| download | chat-55882e1b8356fd59db9fc35f2d88617b1e542a4d.tar.gz chat-55882e1b8356fd59db9fc35f2d88617b1e542a4d.tar.bz2 chat-55882e1b8356fd59db9fc35f2d88617b1e542a4d.zip | |
Add skip tutorial button to intro screens
| -rw-r--r-- | web/react/components/tutorial/tutorial_intro_screens.jsx | 12 | ||||
| -rw-r--r-- | web/sass-files/sass/partials/_tutorial.scss | 7 |
2 files changed, 18 insertions, 1 deletions
diff --git a/web/react/components/tutorial/tutorial_intro_screens.jsx b/web/react/components/tutorial/tutorial_intro_screens.jsx index 66ca556c6..3afc5145d 100644 --- a/web/react/components/tutorial/tutorial_intro_screens.jsx +++ b/web/react/components/tutorial/tutorial_intro_screens.jsx @@ -41,6 +41,11 @@ export default class TutorialIntroScreens extends React.Component { componentDidMount() { $('.tutorials__scroll').perfectScrollbar(); } + skipTutorial(e) { + e.preventDefault(); + const preference = PreferenceStore.setPreference(Preferences.TUTORIAL_STEP, UserStore.getCurrentId(), '999'); + AsyncClient.savePreferences([preference]); + } createScreen() { switch (this.state.currentScreen) { case 0: @@ -176,6 +181,13 @@ export default class TutorialIntroScreens extends React.Component { > {'Next'} </button> + <a + className='tutorial-skip' + href='#' + onClick={this.skipTutorial} + > + {'Skip tutorial'} + </a> </div> </div> </div> diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss index a6e16fe37..cfbc3454a 100644 --- a/web/sass-files/sass/partials/_tutorial.scss +++ b/web/sass-files/sass/partials/_tutorial.scss @@ -162,7 +162,7 @@ } .btn-primary { position: absolute; - bottom: 0; + bottom: 0px; } } h1 { @@ -179,6 +179,11 @@ position: absolute; bottom: 40px; } + .tutorial-skip { + position: absolute; + bottom: 7px; + left: 80px; + } } .tutorial__circles { |