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

web: Components: Styled row-block selection AdvancedSelector v2

Browse Source
This commit is contained in:
Alexey Safronov 2019-11-03 13:23:20 +03:00
parent 27c4b38178
commit 8cf5a05ef4
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
web/ASC.Web.Components/src/components/advanced-selector2/sub-components/selector.js
View File

@ -58,7 +58,12 @@ const StyledContainer = styled(Container)`
.body2 {
grid-area: body2;
margin-left: -8px;
/* background-color: white; */
.row-block {
padding-left: 8px;
}
}
}
`
@ -88,13 +93,17 @@ const StyledContainer = styled(Container)`
.body1 {
grid-area: body1;
margin-left: -8px;
/* background-color: white; */
.row-block {
padding-left: ${props => (props.isMultiSelect ? 8 : 0)}px;
}
}
}
.row-block {
line-height: 32px;
padding-left: 8px;
cursor: pointer;
&:hover {
@ -111,8 +120,6 @@ const StyledContainer = styled(Container)`
}
`;
const ADSelector = props => {
const { displayType, groups, selectButtonLabel,
isDisabled, isMultiSelect, hasNextPage, options,
@ -243,7 +250,7 @@ const ADSelector = props => {
const loadMoreItems = isNextPageLoading ? () => { } : loadNextPage;
return (
<StyledContainer displayType={displayType} groups={groups}>
<StyledContainer displayType={displayType} groups={groups} isMultiSelect={isMultiSelect}>
<ADSelectorColumn className="column1" displayType={displayType}>
<ADSelectorHeader className="header1">
<SearchInput
@ -275,7 +282,7 @@ const ADSelector = props => {
itemSize={32}
onItemsRendered={onItemsRendered}
ref={ref}
width={width}
width={width + (isMultiSelect ? 8 : 0)}
outerElementType={CustomScrollbarsVirtualList}
>
{renderOption}
@ -299,7 +306,7 @@ const ADSelector = props => {
<List
className="group_list"
height={height}
width={width}
width={width + 8}
itemSize={32}
itemCount={groups.length}
itemData={groups}