1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-05 08:53:14 +00:00

fix-style

This commit is contained in:
Michael18811380328
2018-12-25 13:48:13 +08:00
parent 680ab6c187
commit c87ad351ab
3 changed files with 25 additions and 10 deletions

View File

@@ -100,14 +100,17 @@ class ManageMembersDialog extends React.Component {
<ModalHeader toggle={this.toggle}>{gettext('Manage group members')}</ModalHeader> <ModalHeader toggle={this.toggle}>{gettext('Manage group members')}</ModalHeader>
<ModalBody> <ModalBody>
<p>{gettext('Add group member')}</p> <p>{gettext('Add group member')}</p>
<AsyncSelect <div className='group-transfer'>
className='group-transfer-select' <AsyncSelect
isClearable classNamePrefix className='group-transfer-select'
loadOptions={this.loadOptions} isClearable classNamePrefix
onChange={this.handleSelectChange} loadOptions={this.loadOptions}
placeholder={gettext('Search users...')} onChange={this.handleSelectChange}
ref="memberSelect" placeholder={gettext('Search users...')}
/> ref="memberSelect"
/>
<Button color="secondary" onClick={this.addGroupMember}>{gettext('Submit')}</Button>
</div>
<span className="error">{this.state.errMessage}</span> <span className="error">{this.state.errMessage}</span>
<div className="manage-members"> <div className="manage-members">
<Table hover size="sm" className="manage-members-table"> <Table hover size="sm" className="manage-members-table">
@@ -163,7 +166,6 @@ class ManageMembersDialog extends React.Component {
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button color="secondary" onClick={this.toggle}>{gettext('Close')}</Button> <Button color="secondary" onClick={this.toggle}>{gettext('Close')}</Button>
<Button color="primary" onClick={this.addGroupMember}>{gettext('Submit')}</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
); );

View File

@@ -25,4 +25,17 @@
.toggle-group-admin-icon:hover, .toggle-group-admin-icon:hover,
.delete-group-member-icon:hover { .delete-group-member-icon:hover {
color: #333; color: #333;
}
.group-transfer-select .true__indicator-separator {
display: none;
}
.group-transfer {
display: flex;
justify-content: space-between;
}
.group-transfer-select {
width: 82%;
} }

View File

@@ -724,7 +724,7 @@ class SidePanelChanges extends React.Component {
<div className="review-side-panel-item"> <div className="review-side-panel-item">
<div className="review-side-panel-header">{gettext('Changes')}</div> <div className="review-side-panel-header">{gettext('Changes')}</div>
<div className="changes-info"> <div className="changes-info">
<span>{gettext(`Number of changes: ${this.props.changedNumber}`)}</span> <span>{gettext('Number of changes:')}{' '}{this.props.changedNumber}</span>
{ this.props.changedNumber > 0 && { this.props.changedNumber > 0 &&
<div> <div>
<i className="fa fa-arrow-circle-up" onClick={() => { this.props.scrollToChangedNode('down');}}></i> <i className="fa fa-arrow-circle-up" onClick={() => { this.props.scrollToChangedNode('down');}}></i>