diff options
author | Asaad Mahmood <Unknowngi@live.com> | 2015-11-02 20:57:23 +0500 |
---|---|---|
committer | JoramWilander <jwawilander@gmail.com> | 2015-11-02 14:47:24 -0500 |
commit | 4c5c42e37415df75d398027b6c2a6ea39e138688 (patch) | |
tree | 394d652279f55412e75c180f335b8da2baa5bdb0 /web/react/components | |
parent | dedbc122c666a68de4759be7b7c70e698e3e2c28 (diff) | |
download | chat-4c5c42e37415df75d398027b6c2a6ea39e138688.tar.gz chat-4c5c42e37415df75d398027b6c2a6ea39e138688.tar.bz2 chat-4c5c42e37415df75d398027b6c2a6ea39e138688.zip |
Updating tutorials UI
Diffstat (limited to 'web/react/components')
-rw-r--r-- | web/react/components/sidebar_header.jsx | 9 | ||||
-rw-r--r-- | web/react/components/tutorial/tutorial_tip.jsx | 3 |
2 files changed, 8 insertions, 4 deletions
diff --git a/web/react/components/sidebar_header.jsx b/web/react/components/sidebar_header.jsx index 0d48c6f88..1bf70ce76 100644 --- a/web/react/components/sidebar_header.jsx +++ b/web/react/components/sidebar_header.jsx @@ -64,7 +64,8 @@ export default class SidebarHeader extends React.Component { screens.push( <div> - <h4><strong>{'Sending Messages'}</strong></h4> + <h4>{'Main Menu'}</h4> + <p> {'The '}<strong>{'Main Menu'}</strong>{' is where you can '} <a href='#' @@ -82,8 +83,10 @@ export default class SidebarHeader extends React.Component { {'Account Settings'} </a> {', and set your '}<strong>{'Theme Color'}</strong>{'.'} - <br/><br/> + </p> + <p> {'Team administrators can also access their '}{teamSettingsLink}{' from this menu.'} + </p> </div> ); @@ -95,7 +98,7 @@ export default class SidebarHeader extends React.Component { ref='tip' placement='right' screens={screens} - overlayClass='tip-overlay--sidebar' + overlayClass='tip-overlay--header' /> </div> ); diff --git a/web/react/components/tutorial/tutorial_tip.jsx b/web/react/components/tutorial/tutorial_tip.jsx index 118209599..c85acb346 100644 --- a/web/react/components/tutorial/tutorial_tip.jsx +++ b/web/react/components/tutorial/tutorial_tip.jsx @@ -70,7 +70,7 @@ export default class TutorialTip extends React.Component { } return ( - <div className='tip-div'> + <div className={'tip-div ' + this.props.overlayClass}> <img className='tip-button' src='/static/images/tutorialTip.gif' @@ -93,6 +93,7 @@ export default class TutorialTip extends React.Component { target={() => this.refs.target} > <div className={'tip-overlay ' + this.props.overlayClass}> + <div className='arrow'></div> {this.props.screens[this.state.currentScreen]} <div className='tutorial__circles'>{dots}</div> <div className='text-right'> |