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

fix style (#3077)

Browse Source
This commit is contained in:
Michael An
2019-03-07 17:14:03 +08:00
committed by Daniel Pan
parent 248a9c65df
commit cb4dedfb15
3 changed files with 24 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/components/dialog/add-reviewer-dialog.js
View File

@@ -96,13 +96,19 @@ class AddReviewerDialog extends React.Component {
<ModalHeader>{gettext('Request a review')}</ModalHeader> <ModalHeader>{gettext('Request a review')}</ModalHeader>
<ModalBody > <ModalBody >
<p>{gettext('Add new reviewer')}</p> <p>{gettext('Add new reviewer')}</p>
<UserSelect <div className='add-reviewer'>
placeholder={gettext('Please enter 1 or more character')} <UserSelect
onSelectChange={this.handleSelectChange} placeholder={gettext('Please enter 1 or more character')}
ref="reviewSelect" onSelectChange={this.handleSelectChange}
isMulti={true} ref="reviewSelect"
className='reviewer-select' isMulti={true}
/> className='reviewer-select'
/>
{(this.state.selectedOption && !this.state.loading)?
<Button color="secondary" onClick={this.addReviewers}>{gettext('Submit')}</Button> :
<Button color="secondary" disabled>{gettext('Submit')}</Button>
}
</div>
{this.state.errorMsg.length > 0 && {this.state.errorMsg.length > 0 &&
this.state.errorMsg.map((item, index = 0, arr) => { this.state.errorMsg.map((item, index = 0, arr) => {
return ( return (
@@ -126,11 +132,6 @@ class AddReviewerDialog extends React.Component {
} }
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
{ this.state.loading ?
<Button disabled><i className="fa fa-spinner" aria-hidden="true"></i></Button>
:
<Button color="primary" onClick={this.addReviewers}>{gettext('Submit')}</Button>
}
<Button color="secondary" onClick={this.props.toggleAddReviewerDialog}> <Button color="secondary" onClick={this.props.toggleAddReviewerDialog}>
{gettext('Close')}</Button> {gettext('Close')}</Button>
</ModalFooter> </ModalFooter>

2
frontend/src/components/dialog/manage-members-dialog.js
View File

@@ -86,7 +86,7 @@ class ManageMembersDialog extends React.Component {
<p>{gettext('Add group member')}</p> <p>{gettext('Add group member')}</p>
<div className='add-members'> <div className='add-members'>
<UserSelect <UserSelect
placeholder={gettext('Search users...')} placeholder={gettext('Select users...')}
onSelectChange={this.onSelectChange} onSelectChange={this.onSelectChange}
ref="userSelect" ref="userSelect"
isMulti={true} isMulti={true}

10
frontend/src/css/add-reviewer-dialog.css
View File

@@ -25,4 +25,14 @@
cursor: pointer; cursor: pointer;
opacity: 1; opacity: 1;
color: #a4a4a4; color: #a4a4a4;
}
.add-reviewer {
display: flex;
justify-content: space-between;
}
.add-reviewer .reviewer-select {
width: 385px;
}
.add-reviewer .btn {
width: 75px;
} }