haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-12 21:30:39 +00:00
Code Issues Releases Wiki Activity

many participant bug

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/file-view/participants-list.js
View File

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

4
frontend/src/css/participants-list.css
View File

@@ -10,6 +10,7 @@
.participants .add-participants { .participants .add-participants {
position: absolute; position: absolute;
cursor: pointer; cursor: pointer;
bottom: -3px;
} }
.participants .add-participants i { .participants .add-participants i {
font-size: 16px; font-size: 16px;
@@ -17,6 +18,9 @@
border: 2px solid #fff; border: 2px solid #fff;
border-radius: 50%; border-radius: 50%;
} }
.participants .participant-avatar, .participants .add-participants {
margin-right: -0.5rem;
}
/* file-participant-dialog */ /* file-participant-dialog */
.participant-add { .participant-add {
display: flex; display: flex;