fixed SelectFile and SelectFolder styles
This commit is contained in:
parent
7d22e52c70
commit
75a3a741c6
@ -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}
|
||||
|
@ -56,7 +56,6 @@ const SelectionPanelBody = ({
|
||||
displayType="modal"
|
||||
isLoading={isLoading}
|
||||
withFooterBorder
|
||||
autoMaxHeight
|
||||
autoMaxWidth
|
||||
>
|
||||
<ModalDialog.Header theme={theme} className={"select-panel-modal-header"}>
|
||||
|
@ -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 {
|
||||
|
Loading…
Reference in New Issue
Block a user