Fix css dropdown

This commit is contained in:
soupette 2018-07-17 11:27:34 +02:00
parent 2407e8cb4a
commit 3bf7fa2348
2 changed files with 14 additions and 5 deletions

View File

@ -451,7 +451,7 @@ class SettingPage extends React.PureComponent {
<div className="col-md-5">
{this.getListDisplay().map(this.renderDraggableAttrListSettings)}
<div className={styles.dropdownWrapper}>
<div className={cn(styles.dropdownWrapper, isOpen && styles.dropdownWrapperOpen)}>
<ButtonDropdown isOpen={isOpen} toggle={this.toggleDropdown}>
<DropdownToggle>
<FormattedMessage id="content-manager.containers.SettingPage.addField">
@ -502,7 +502,7 @@ class SettingPage extends React.PureComponent {
{/* DRAGGABLE BLOCK */}
{this.getEditPageDisplayedRelations().map(this.renderDraggableAttrEditSettingsRelation)}
{/* DRAGGABLE BLOCK */}
<div className={cn(styles.dropdownRelations, styles.dropdownWrapper)}>
<div className={cn(styles.dropdownRelations, styles.dropdownWrapper, isOpenRelation && styles.dropdownWrapperOpen)}>
<ButtonDropdown isOpen={isOpenRelation} toggle={this.toggleDropdownRelations}>
<DropdownToggle>
<FormattedMessage id="content-manager.containers.SettingPage.addField">
@ -523,7 +523,7 @@ class SettingPage extends React.PureComponent {
{/* EDIT MAIN ATTR FORM */}
<div className="row">
<div className="col-md-7">
<div className="col-md-8">
<div className={styles.editWrapper}>
<div className="row">

View File

@ -108,14 +108,16 @@
min-width: calc(100% + 2px);
margin-left: -1px;
margin-top: -1px;
padding: 0;
border-top-left-radius: 0 !important;
border-top-right-radius: 0;
border-color: #AED4FB !important;
overflow: scroll;
button {
height: 30px;
line-height: 30px;
height: 27px;
line-height: 18px;
div {
margin: 0;
white-space: nowrap;
@ -127,6 +129,13 @@
}
}
.dropdownWrapperOpen {
> div {
background-color: #E6F0FB !important;
border-color: #AED4FB !important;
}
}
.edit_settings {
padding-top: 25px;
}