diff options
author | Harrison Healey <harrisonmhealey@gmail.com> | 2015-10-14 09:02:05 -0400 |
---|---|---|
committer | Harrison Healey <harrisonmhealey@gmail.com> | 2015-10-14 09:02:05 -0400 |
commit | 962a5d8beb8b0eb634b1bff9258b209142041dc9 (patch) | |
tree | 64e636b204f2845349893d659c29117c762d8b16 /web/react/components/sidebar.jsx | |
parent | cdbe6342bb018e16d6eb3f04c0c6c8457805e61a (diff) | |
parent | 99f243b44443babe3fd332538d2b102218834462 (diff) | |
download | chat-962a5d8beb8b0eb634b1bff9258b209142041dc9.tar.gz chat-962a5d8beb8b0eb634b1bff9258b209142041dc9.tar.bz2 chat-962a5d8beb8b0eb634b1bff9258b209142041dc9.zip |
Merge pull request #1046 from asaadmahmoodspin/ui-improvements
Multiple UI Improvements
Diffstat (limited to 'web/react/components/sidebar.jsx')
-rw-r--r-- | web/react/components/sidebar.jsx | 26 |
1 files changed, 25 insertions, 1 deletions
diff --git a/web/react/components/sidebar.jsx b/web/react/components/sidebar.jsx index a1a5b64ba..814b2e264 100644 --- a/web/react/components/sidebar.jsx +++ b/web/react/components/sidebar.jsx @@ -15,6 +15,8 @@ const TeamStore = require('../stores/team_store.jsx'); const UnreadChannelIndicator = require('./unread_channel_indicator.jsx'); const UserStore = require('../stores/user_store.jsx'); const Utils = require('../utils/utils.jsx'); +const Tooltip = ReactBootstrap.Tooltip; +const OverlayTrigger = ReactBootstrap.OverlayTrigger; export default class Sidebar extends React.Component { constructor(props) { @@ -455,14 +457,21 @@ export default class Sidebar extends React.Component { } let closeButton = null; + const removeTooltip = <Tooltip>{'Remove from list'}</Tooltip>; if (handleClose && !badge) { closeButton = ( + <OverlayTrigger + delayShow='1000' + placement='top' + overlay={removeTooltip} + > <span - className='close-btn pull-right small' + className='btn-close' data-close='true' > {'×'} </span> + </OverlayTrigger> ); rowClass = ' has-close'; @@ -545,6 +554,9 @@ export default class Sidebar extends React.Component { showChannelModal = true; } + const createChannelTootlip = <Tooltip>{'Create new channel'}</Tooltip>; + const createGroupTootlip = <Tooltip>{'Create new group'}</Tooltip>; + return ( <div> <NewChannelFlow @@ -579,6 +591,11 @@ export default class Sidebar extends React.Component { <li> <h4> {'Channels'} + <OverlayTrigger + delayShow='500' + placement='top' + overlay={createChannelTootlip} + > <a className='add-channel-btn' href='#' @@ -586,6 +603,7 @@ export default class Sidebar extends React.Component { > {'+'} </a> + </OverlayTrigger> </h4> </li> {publicChannelItems} @@ -606,6 +624,11 @@ export default class Sidebar extends React.Component { <li> <h4> {'Private Groups'} + <OverlayTrigger + delayShow='500' + placement='top' + overlay={createGroupTootlip} + > <a className='add-channel-btn' href='#' @@ -613,6 +636,7 @@ export default class Sidebar extends React.Component { > {'+'} </a> + </OverlayTrigger> </h4> </li> {privateChannelItems} |