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

Web: Files: Fixed styles.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2021-07-30 19:59:00 +03:00
parent ba37ea8be6
commit c6c437b00d
3 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
products/ASC.Files/Client/src/components/panels/SelectFileDialog/ModalView.js
View File

@ -193,7 +193,7 @@ class SelectFileDialogModalViewBody extends React.Component {
selectedFolder={selectedFolder}
loadingText={loadingText}
selectedFile={selectedFile}
listHeight={isHeaderChildren ? 250 : 300}
listHeight={isHeaderChildren ? 280 : 300}
/>
)}
</div>
@ -212,7 +212,7 @@ class SelectFileDialogModalViewBody extends React.Component {
</StyledSelectFilePanel>
</ModalDialog.Body>
<ModalDialog.Footer>
<StyledSelectFilePanel>
<StyledSelectFilePanel isHeaderChildren={isHeaderChildren}>
<div className="select-file-dialog-modal_buttons">
<Button
className="select-file-dialog-buttons-save"

2
products/ASC.Files/Client/src/components/panels/SelectFolderDialog/ModalView.js
View File

@ -39,7 +39,7 @@ const SelectFolderDialogModalView = ({
<ModalDialog.Body>
<StyledSelectFolderPanel isNeedArrowIcon={isNeedArrowIcon}>
<div>{header} </div>
<div className="select-folder-modal-dialog-header">{header} </div>
<FolderTreeBody
isLoadingData={isLoadingData}
folderList={folderList}

18
products/ASC.Files/Client/src/components/panels/StyledPanels.js
View File

@ -513,6 +513,9 @@ const StyledSelectFolderPanel = styled.div`
display: flex;
align-items: center;
}
.select-folder-modal-dialog-header {
margin-bottom: 16px;
}
.modal-dialog_header-title {
${(props) => props.isNeedArrowIcon && `margin-left:16px;`}
}
@ -521,8 +524,8 @@ const StyledSelectFolderPanel = styled.div`
props.heightContent
? props.heightContent
: props.isHeaderChildren
? "252px"
: "280px"};
? "284px"
: "300px"};
overflow: hidden;
}
.rc-tree-child-tree-open {
@ -543,13 +546,13 @@ const StyledSelectFolderPanel = styled.div`
margin-right: 16px;
}
.select-folder-dialog_aside_body {
margin-top: 16px;
//margin-top: 16px;
height: calc(100% - 64px);
width: 296px;
}
.files-tree-menu {
/* .files-tree-menu {
${(props) => props.displayType !== "aside" && "margin-top: 16px"};
}
} */
`;
const StyledSelectFilePanel = styled.div`
.select-file-dialog_empty-container {
@ -564,6 +567,11 @@ const StyledSelectFilePanel = styled.div`
height: 100%;
overflow: hidden;
`}
.select-file-dialog-modal_buttons {
${(props) =>
props.isHeaderChildren ? "margin-top: 40px" : "margin-top:20px"};
}
.select-file-dialog_aside-body_wrapper {
height: ${(props) =>
props.isHeaderChildren ? "calc(100% - 260px);" : "calc(100% - 212px);"};