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

Web:Common:AdvancedSelector: fix padding right and show scroll for big options list

Browse Source
This commit is contained in:
Timofey Boyko 2022-03-23 11:33:48 +03:00
parent 57ec3f4e34
commit 60cee8e7c9
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js
View File

@ -382,7 +382,7 @@ const Selector = (props) => {
<AutoSizer>
{({ width, height }) => (
<List
className="options_list"
className="options-list"
height={height - 8}
width={width + 8}
itemCount={groups.length}
@ -456,7 +456,7 @@ const Selector = (props) => {
>
{({ onItemsRendered, ref }) => (
<List
className="options_list"
className="options-list"
height={height - 25}
itemCount={itemCount}
itemSize={48}
@ -495,11 +495,7 @@ const Selector = (props) => {
headerLabel={headerLabel}
onArrowClickAction={onArrowClickAction}
/>
<div
style={{ width: "320px", height: "100%" }}
className="column-options"
size={size}
>
<div style={{ height: "100%" }} className="column-options" size={size}>
<Search
isDisabled={isDisabled}
placeholder={searchPlaceHolderLabel}

6
packages/asc-web-common/components/AdvancedSelector/sub-components/StyledSelector.js
View File

@ -104,6 +104,12 @@ const StyledSelector = styled.div`
grid-area: body-options;
margin-top: 8px;
.options-list {
div:nth-child(3) {
right: 10px !important;
}
}
.row-option {
box-sizing: border-box;
height: 48px;