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

[group] redesigned the UI of 'search group members' button

Browse Source
This commit is contained in:
llj
2021-10-27 15:52:16 +08:00
parent a6470470d5
commit 5ef3750090
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/list-and-add-group-members.js
View File

@@ -157,9 +157,10 @@ class ManageMembersDialog extends React.Component {
})
}
{groupMembers.length > 10 &&
<div className="d-flex justify-content-end">
<button className="btn btn-link px-0" onClick={this.props.changeMode}>{gettext('Search group members')}</button>
</div>
<button className="btn btn-secondary btn-block search-group-members-btn text-left border-0" onClick={this.props.changeMode}>
<i className="fas fa-search mr-1" aria-hidden={true}></i>
{gettext('Search group members')}
</button>
}
<div className="manage-members" onScroll={this.handleScroll}>
{isLoading ? <Loading /> : (

11
frontend/src/css/manage-members-dialog.css
View File

@@ -1,7 +1,7 @@
.manage-members {
max-height: 300px;
overflow-y: scroll;
margin: 1rem 0 2rem;
margin: 10px 0 2rem;
}
.manage-members-table th,
.manage-members-table td {
@@ -32,3 +32,12 @@
color: #999;
cursor: pointer;
}
.group-manage-members-dialog .search-group-members-btn {
background: #f1f1f1;
margin: 12px 0 0;
}
.group-manage-members-dialog .search-group-members-btn:hover {
background: #dbdbdb;
}