1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 10:22:46 +00:00

fix manage member style

This commit is contained in:
Michael An
2021-11-25 11:32:23 +08:00
parent 980b2e8d05
commit 442f91edc1
3 changed files with 9 additions and 3 deletions

View File

@@ -49,7 +49,7 @@ class ManageMembersDialog extends React.Component {
) )
} }
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody className="pb-0">
{currentMode == MANAGEMENT_MODE.LIST_AND_ADD ? {currentMode == MANAGEMENT_MODE.LIST_AND_ADD ?
<ListAndAddGroupMembers <ListAndAddGroupMembers
groupID={groupID} groupID={groupID}

View File

@@ -24,6 +24,7 @@ class SearchGroupMembers extends React.Component {
errMessage: [], errMessage: [],
isItemFreezed: false isItemFreezed: false
}; };
this.isInit = true;
} }
toggleItemFreezed = (isFreezed) => { toggleItemFreezed = (isFreezed) => {
@@ -66,6 +67,7 @@ class SearchGroupMembers extends React.Component {
groupMembers: res.data, groupMembers: res.data,
errorMsg: '' errorMsg: ''
}); });
this.isInit = false;
}).catch(error => { }).catch(error => {
let errMessage = Utils.getErrorMsg(error); let errMessage = Utils.getErrorMsg(error);
this.setState({ this.setState({
@@ -106,6 +108,7 @@ class SearchGroupMembers extends React.Component {
<div className="manage-members"> <div className="manage-members">
{isLoading ? <Loading /> : ( {isLoading ? <Loading /> : (
<Fragment> <Fragment>
{groupMembers.length === 0 && !this.isInit && <div className="mx-2 my-4">{gettext('No users')}</div>}
{groupMembers.length > 0 && ( {groupMembers.length > 0 && (
<GroupMembers <GroupMembers
groupMembers={groupMembers} groupMembers={groupMembers}

View File

@@ -1,8 +1,9 @@
.manage-members { .manage-members {
max-height: 300px; max-height: 300px;
overflow-y: scroll; overflow-y: scroll;
margin: 10px 0 2rem; padding: 0.5rem 0;
} }
.manage-members-table th, .manage-members-table th,
.manage-members-table td { .manage-members-table td {
vertical-align: middle; vertical-align: middle;
@@ -21,15 +22,17 @@
.add-members .add-members-select { .add-members .add-members-select {
width: 385px; width: 385px;
} }
.add-members .btn { .add-members .btn {
width: 75px; width: 75px;
} }
.group-error { .group-error {
margin-top: 10px; margin-top: 10px;
} }
.group-manage-members-dialog .back-icon { .group-manage-members-dialog .back-icon {
color: #999; color: #999999;
cursor: pointer; cursor: pointer;
} }