Web: Components: FilterInput: Fixed max width CSS for ComboBox
This commit is contained in:
parent
ef977c7c87
commit
242c2f0ca6
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import styled, {css} from 'styled-components';
|
import styled, { css } from 'styled-components';
|
||||||
import FilterButton from './filter-button';
|
import FilterButton from './filter-button';
|
||||||
import HideFilter from './hide-filter';
|
import HideFilter from './hide-filter';
|
||||||
import throttle from 'lodash/throttle';
|
import throttle from 'lodash/throttle';
|
||||||
@ -87,6 +87,9 @@ const StyledComboBox = styled(ComboBox)`
|
|||||||
width: auto;
|
width: auto;
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
}
|
}
|
||||||
|
> div:last-child{
|
||||||
|
max-width: 220px;
|
||||||
|
}
|
||||||
.combo-button-label {
|
.combo-button-label {
|
||||||
color: #555F65;
|
color: #555F65;
|
||||||
}
|
}
|
||||||
@ -137,7 +140,7 @@ class FilterItem extends React.Component {
|
|||||||
noBorder={true}
|
noBorder={true}
|
||||||
opened={this.props.opened}
|
opened={this.props.opened}
|
||||||
directionX='left'
|
directionX='left'
|
||||||
toggleAction={(e,isOpen)=>{
|
toggleAction={(e, isOpen) => {
|
||||||
this.setState({
|
this.setState({
|
||||||
isOpen: isOpen
|
isOpen: isOpen
|
||||||
})
|
})
|
||||||
@ -146,7 +149,7 @@ class FilterItem extends React.Component {
|
|||||||
: <StyledFilterName>{this.props.label}</StyledFilterName>
|
: <StyledFilterName>{this.props.label}</StyledFilterName>
|
||||||
}
|
}
|
||||||
</StyledFilterItemContent>
|
</StyledFilterItemContent>
|
||||||
|
|
||||||
|
|
||||||
<StyledCloseButtonBlock onClick={this.onClick} isDisabled={this.props.isDisabled} isClickable={true}>
|
<StyledCloseButtonBlock onClick={this.onClick} isDisabled={this.props.isDisabled} isClickable={true}>
|
||||||
<CloseButton
|
<CloseButton
|
||||||
@ -166,8 +169,8 @@ FilterItem.propTypes = {
|
|||||||
groupItems: PropTypes.array,
|
groupItems: PropTypes.array,
|
||||||
label: PropTypes.string,
|
label: PropTypes.string,
|
||||||
groupLabel: PropTypes.string,
|
groupLabel: PropTypes.string,
|
||||||
onClose:PropTypes.func,
|
onClose: PropTypes.func,
|
||||||
onSelectFilterItem:PropTypes.func
|
onSelectFilterItem: PropTypes.func
|
||||||
}
|
}
|
||||||
|
|
||||||
class FilterBlock extends React.Component {
|
class FilterBlock extends React.Component {
|
||||||
|
Loading…
Reference in New Issue
Block a user