1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-12 21:30:39 +00:00

many participant bug

This commit is contained in:
Michael An
2019-06-29 15:22:01 +08:00
parent 74360f8484
commit a52a76826b
2 changed files with 7 additions and 3 deletions

View File

@@ -39,7 +39,7 @@ class ParticipantsList extends React.Component {
{participants.map((item, index) => {
return <Participant item={item} index={index} key={index}/>;
})}
<span className="add-participants" style={{left: participants.length * 21, top: 8 }} onClick={this.toggleDialog} id="add-participant-icon">
<span className="add-participants" onClick={this.toggleDialog} id="add-participant-icon">
<i className="fas fa-plus-circle"></i>
</span>
{showIconTip &&
@@ -87,8 +87,8 @@ class Participant extends React.Component {
const { item, index } = this.props;
const target = 'participant-avatar-' + index;
return (
<span>
<img src={item.avatar_url} className="avatar" id={target} alt="avatar" key={index} style={{left: index * -7 + 'px'}}/>
<span className="participant-avatar">
<img src={item.avatar_url} className="avatar" id={target} alt="avatar" key={index}/>
<Tooltip toggle={this.toggleAvatarTooltip} delay={{show: 0, hide: 0}} target={target} placement='bottom' isOpen={this.state.showAvatarTooltip}>
{item.name}
</Tooltip>