ASC.People: ProfileAction: fix departments field
This commit is contained in:
parent
456db5fb40
commit
d128720a6f
@ -24,6 +24,7 @@ const DepartmentField = React.memo((props) => {
|
||||
isDisabled={isDisabled}
|
||||
title={addButtonTitle}
|
||||
onClick={onAddDepartment}
|
||||
className="department-add-btn"
|
||||
/>
|
||||
{departments && departments.map((department) => (
|
||||
<SelectedItem
|
||||
|
@ -20,12 +20,12 @@ const MainContainer = styled.div`
|
||||
}
|
||||
|
||||
.departments-field {
|
||||
.field-body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.department-add-btn {
|
||||
margin: 0 8px 8px 0;
|
||||
float: left;
|
||||
}
|
||||
.department-item {
|
||||
margin: 0 0 0 8px;
|
||||
margin: 0 8px 8px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -14,6 +14,7 @@ const horizontalCss = css`
|
||||
line-height: 32px;
|
||||
margin: 0;
|
||||
width: 110px;
|
||||
min-width: 110px;
|
||||
}
|
||||
.field-body {
|
||||
flex-grow: 1;
|
||||
|
@ -8,11 +8,10 @@ const StyledButton = styled.div`
|
||||
border: 1px solid #ECEEF1;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
padding: 8px;
|
||||
display: inline-grid;
|
||||
line-height: 32px;
|
||||
height: 34px;
|
||||
width: 34px;
|
||||
padding: 9px;
|
||||
display: inline-block;
|
||||
cursor: ${props => !props.isDisabled ? "pointer" : "default"};
|
||||
|
||||
&:hover{
|
||||
|
Loading…
Reference in New Issue
Block a user