fixed SelectFile and SelectFolder styles

This commit is contained in:
mushka 2022-07-11 21:20:52 +03:00
parent 7d22e52c70
commit 75a3a741c6
3 changed files with 10 additions and 6 deletions

View File

@ -77,7 +77,6 @@ const FilesListBody = ({
const loadMoreItems = useCallback(() => {
if (folderId && page == 0 && isNextPageLoading) {
loadNextPage && loadNextPage();
return;
}
@ -178,7 +177,7 @@ const FilesListBody = ({
{({ onItemsRendered, ref }) => (
<List
theme={theme}
height={height}
height={384}
itemCount={itemCount}
itemSize={48}
onItemsRendered={onItemsRendered}

View File

@ -56,7 +56,6 @@ const SelectionPanelBody = ({
displayType="modal"
isLoading={isLoading}
withFooterBorder
autoMaxHeight
autoMaxWidth
>
<ModalDialog.Header theme={theme} className={"select-panel-modal-header"}>

View File

@ -19,6 +19,10 @@ const commonStyles = css`
`;
const StyledModalDialog = styled(ModalDialog)`
#modal-dialog {
max-height: 560px;
}
.select-panel-modal-header {
margin-bottom: 0;
}
@ -38,7 +42,7 @@ const StyledModalDialog = styled(ModalDialog)`
const StyledBody = styled.div`
.selection-panel_body {
height: 495px;
height: 434px;
display: grid;
grid-template-columns: 245px 1fr;
grid-template-areas: "tree files" "footer footer";
@ -53,7 +57,7 @@ const StyledBody = styled.div`
grid-template-rows: max-content auto;
}
.selection-panel_files-list-body {
height: 100%;
height: 384px;
}
.selection-panel_tree-body {
grid-area: tree;
@ -67,7 +71,9 @@ const StyledBody = styled.div`
padding: 12px 20px 14px 0px;
}
.selection-panel_tree-folder {
margin-left: -12px;
height: 387px;
max-height: 384px;
margin-left: -17px;
}
.span.rc-tree-switcher {