diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2016-12-30 21:40:55 +0500 |
---|---|---|
committer | enahum <nahumhbl@gmail.com> | 2016-12-30 13:40:55 -0300 |
commit | 7a14a05a9c1474a1e036f422c4904f83c313a763 (patch) | |
tree | ee1126df6b06bfeb6c922d2b433983d110b69b5e /webapp/components/profile_popover.jsx | |
parent | 3d15b3ec50a7476afb38b4305c24efa6fc80753a (diff) | |
download | chat-7a14a05a9c1474a1e036f422c4904f83c313a763.tar.gz chat-7a14a05a9c1474a1e036f422c4904f83c313a763.tar.bz2 chat-7a14a05a9c1474a1e036f422c4904f83c313a763.zip |
Ui fixes (#4917)
* PLT-5089 - Updating modal buttons
* PLT-5090 - Full name and position overflow
* PLT-5093 - Updating modal lists
Diffstat (limited to 'webapp/components/profile_popover.jsx')
-rw-r--r-- | webapp/components/profile_popover.jsx | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/webapp/components/profile_popover.jsx b/webapp/components/profile_popover.jsx index a342f312f..8b431b643 100644 --- a/webapp/components/profile_popover.jsx +++ b/webapp/components/profile_popover.jsx @@ -152,34 +152,34 @@ export default class ProfilePopover extends React.Component { const fullname = Utils.getFullName(this.props.user); if (fullname) { dataContent.push( - <div - data-toggle='tooltip' - title={fullname} - key='user-popover-fullname' + <OverlayTrigger + delayShow={Constants.WEBRTC_TIME_DELAY} + placement='top' + overlay={<Tooltip id='fullNameTooltip'>{fullname}</Tooltip>} > - <p - className='text-nowrap' + <div + className='overflow--ellipsis text-nowrap padding-bottom' > {fullname} - </p> - </div> + </div> + </OverlayTrigger> ); } if (this.props.user.position) { const position = this.props.user.position.substring(0, Constants.MAX_POSITION_LENGTH); dataContent.push( - <div - data-toggle='tooltip' - title={position} - key='user-popover-position' + <OverlayTrigger + delayShow={Constants.WEBRTC_TIME_DELAY} + placement='top' + overlay={<Tooltip id='positionTooltip'>{position}</Tooltip>} > - <p - className='text-nowrap' + <div + className='overflow--ellipsis text-nowrap padding-bottom' > {position} - </p> - </div> + </div> + </OverlayTrigger> ); } |