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

Web: Files: OperationsDialog: Fixed styles.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2021-05-06 12:42:43 +03:00
parent 0f07cdb9e9
commit 56b2080459
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
products/ASC.Files/Client/src/components/panels/OperationsDialog/index.js
View File

@ -9,10 +9,17 @@ import ModalDialog from "@appserver/components/modal-dialog";
import { StyledAsidePanel } from "../StyledPanels"; import { StyledAsidePanel } from "../StyledPanels";
import { useTranslation, withTranslation } from "react-i18next"; import { useTranslation, withTranslation } from "react-i18next";
import FileInputWithFolderPath from "@appserver/components/file-input-with-folder-path"; import FileInputWithFolderPath from "@appserver/components/file-input-with-folder-path";
import styled from "styled-components";
const { auth: authStore } = store; const { auth: authStore } = store;
let path = ""; let path = "";
const StyledComponent = styled.div`
.input-with-folder-path {
margin-top: 16px;
}
`;
class OperationsDialog extends React.PureComponent { class OperationsDialog extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
@ -115,12 +122,12 @@ class OperationsDialog extends React.PureComponent {
//console.log("folderList ", folderList); //console.log("folderList ", folderList);
return ( return (
<> <StyledComponent>
<FileInputWithFolderPath <FileInputWithFolderPath
name={name} name={name}
id={name} id={name}
scale scale
className="folder_path" className="input-with-folder-path"
baseFolder={folderList ? "" : commonTreeFolder.title} baseFolder={folderList ? "" : commonTreeFolder.title}
isDisabled={isLoading} isDisabled={isLoading}
folderPath={this.state[selectedInput]} folderPath={this.state[selectedInput]}
@ -151,7 +158,7 @@ class OperationsDialog extends React.PureComponent {
</ModalDialog> </ModalDialog>
</StyledAsidePanel> </StyledAsidePanel>
)} )}
</> </StyledComponent>
); );
} }
} }