haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-09 19:01:42 +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 && {groupMembers.length > 10 &&
<div className="d-flex justify-content-end"> <button className="btn btn-secondary btn-block search-group-members-btn text-left border-0" onClick={this.props.changeMode}>
<button className="btn btn-link px-0" onClick={this.props.changeMode}>{gettext('Search group members')}</button> <i className="fas fa-search mr-1" aria-hidden={true}></i>
</div> {gettext('Search group members')}
</button>
} }
<div className="manage-members" onScroll={this.handleScroll}> <div className="manage-members" onScroll={this.handleScroll}>
{isLoading ? <Loading /> : ( {isLoading ? <Loading /> : (

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

@@ -1,7 +1,7 @@
.manage-members { .manage-members {
max-height: 300px; max-height: 300px;
overflow-y: scroll; overflow-y: scroll;
margin: 1rem 0 2rem; margin: 10px 0 2rem;
} }
.manage-members-table th, .manage-members-table th,
.manage-members-table td { .manage-members-table td {
@@ -32,3 +32,12 @@
color: #999; color: #999;
cursor: pointer; 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;
}