IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Components: FilterInput: Fixed max width CSS for ComboBox

Browse Source
This commit is contained in:
Ilya Oleshko 2020-02-06 17:09:36 +03:00
parent ef977c7c87
commit 242c2f0ca6
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/ASC.Web.Components/src/components/filter-input/filter-block.js
View File

@ -1,5 +1,5 @@
import React from 'react';
import styled, {css} from 'styled-components';
import styled, { css } from 'styled-components';
import FilterButton from './filter-button';
import HideFilter from './hide-filter';
import throttle from 'lodash/throttle';
@ -87,6 +87,9 @@ const StyledComboBox = styled(ComboBox)`
width: auto;
padding-left: 4px;
}
> div:last-child{
max-width: 220px;
}
.combo-button-label {
color: #555F65;
}
@ -137,7 +140,7 @@ class FilterItem extends React.Component {
noBorder={true}
opened={this.props.opened}
directionX='left'
toggleAction={(e,isOpen)=>{
toggleAction={(e, isOpen) => {
this.setState({
isOpen: isOpen
})
@ -146,7 +149,7 @@ class FilterItem extends React.Component {
: <StyledFilterName>{this.props.label}</StyledFilterName>
}
</StyledFilterItemContent>
<StyledCloseButtonBlock onClick={this.onClick} isDisabled={this.props.isDisabled} isClickable={true}>
<CloseButton
@ -166,8 +169,8 @@ FilterItem.propTypes = {
groupItems: PropTypes.array,
label: PropTypes.string,
groupLabel: PropTypes.string,
onClose:PropTypes.func,
onSelectFilterItem:PropTypes.func
onClose: PropTypes.func,
onSelectFilterItem: PropTypes.func
}
class FilterBlock extends React.Component {