1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-06 17:33:18 +00:00

12.0 optimize user select (#6307)

* 01 remove useless reviewer

* 02 change user select style

* fix code format
This commit is contained in:
Michael An
2024-07-10 11:29:10 +08:00
committed by GitHub
parent a0ad4ee4e7
commit fbda14c855
19 changed files with 107 additions and 56 deletions

View File

@@ -55,11 +55,14 @@ class UserItem extends React.Component {
<tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} tabIndex="0" onFocus={this.onMouseEnter}>
<td className="name">
<div className="position-relative">
<img src={item.user_info.avatar_url}
width="24" alt={item.user_info.nickname}
<img
src={item.user_info.avatar_url}
width="24"
alt={item.user_info.nickname}
className="rounded-circle mr-2 cursor-pointer"
onMouseEnter={this.userAvatarOnMouseEnter}
onMouseLeave={this.userAvatarOnMouseLeave} />
onMouseLeave={this.userAvatarOnMouseLeave}
/>
<span>{item.user_info.nickname}</span>
{isUserDetailsPopoverOpen && (
<div className="user-details-popover p-4 position-absolute w-100 mt-1">
@@ -353,7 +356,6 @@ class ShareToUser extends React.Component {
<UserSelect
ref="userSelect"
isMulti={true}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleSelectChange}
/>