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

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

@ -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
}) })
@ -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 {