Max - Add CSS styling to dropdown and button [skip ci]

This commit is contained in:
Ivan Diaz 2016-12-08 01:27:50 -03:00
parent 80f4281ab1
commit 8722c85742
3 changed files with 24 additions and 7 deletions

View File

@ -98,7 +98,6 @@ class PeopleList extends React.Component {
} }
} }
getPages() { getPages() {
return Math.ceil(this.props.list.length / this.props.pageSize); return Math.ceil(this.props.list.length / this.props.pageSize);
} }

View File

@ -28,14 +28,15 @@ class AdminPanelStaffMembers extends React.Component {
} }
render() { render() {
console.log(this.state.staffList);
return ( return (
<div> <div className="admin-panel-staff-members">
<Header title={i18n('STAFF_MEMBERS')} description={i18n('STAFF_MEMBERS_DESCRIPTION')} /> <Header title={i18n('STAFF_MEMBERS')} description={i18n('STAFF_MEMBERS_DESCRIPTION')} />
<DropDown {...this.getDepartmentDropdownProps()} /> <div className="admin-panel-staff-members__wrapper">
<Button size="medium" onClick={() => {}} type="secondary" className=""> <DropDown {...this.getDepartmentDropdownProps()} className="admin-panel-staff-members__dropdown" />
<Icon name="user-plus" className=""/> {i18n('ADD_NEW_STAFF')} <Button size="medium" onClick={() => {}} type="secondary" className="admin-panel-staff-members__button">
</Button> <Icon name="user-plus" className=""/> {i18n('ADD_NEW_STAFF')}
</Button>
</div>
{(this.state.loading) ? <Loading backgrounded /> : <PeopleList list={this.getStaffList()} />} {(this.state.loading) ? <Loading backgrounded /> : <PeopleList list={this.getStaffList()} />}
</div> </div>
); );

View File

@ -0,0 +1,17 @@
@import "../../../../scss/vars";
.admin-panel-staff-members {
&__wrapper {
height: 60px;
}
&__dropdown {
float: left;
}
&__button {
float: right;
margin-top: -5px;
}
}