From 009d587090b6390e0d1d74a203c2252693d14720 Mon Sep 17 00:00:00 2001
From: TatianaLopaeva <tatiana.lopaeva@onlyoffice.com>
Date: Wed, 19 May 2021 09:34:16 +0300
Subject: [PATCH] Web: Settings: Backup: Added max-length for input.

---
 .../panels/OperationsDialog/fileInputWithFolderPath.js      | 4 +++-
 .../Client/src/components/panels/OperationsDialog/index.js  | 6 +++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/products/ASC.Files/Client/src/components/panels/OperationsDialog/fileInputWithFolderPath.js b/products/ASC.Files/Client/src/components/panels/OperationsDialog/fileInputWithFolderPath.js
index 94ac13e71d..da8cef4c8f 100644
--- a/products/ASC.Files/Client/src/components/panels/OperationsDialog/fileInputWithFolderPath.js
+++ b/products/ASC.Files/Client/src/components/panels/OperationsDialog/fileInputWithFolderPath.js
@@ -18,6 +18,7 @@ const FileInputWithFolderPath = (
     baseFolder,
     onClickInput,
     name,
+    className,
   },
   ...rest
 ) => {
@@ -28,11 +29,12 @@ const FileInputWithFolderPath = (
       hasError={hasError}
       hasWarning={hasWarning}
       isDisabled={isDisabled}
+      className={className}
       {...rest}
     >
       <TextInput
         id={id}
-        className="text-input"
+        className="text-input-with-folder-path"
         placeholder={placeholder}
         value={folderPath || baseFolder}
         size={size}
diff --git a/products/ASC.Files/Client/src/components/panels/OperationsDialog/index.js b/products/ASC.Files/Client/src/components/panels/OperationsDialog/index.js
index 0241350ecd..fcfb9f44bc 100644
--- a/products/ASC.Files/Client/src/components/panels/OperationsDialog/index.js
+++ b/products/ASC.Files/Client/src/components/panels/OperationsDialog/index.js
@@ -21,6 +21,11 @@ const StyledComponent = styled.div`
   .input-with-folder-path {
     margin-top: 16px;
   }
+  .input-with-folder-path,
+  .text-input-with-folder-path {
+    width: 100%;
+    max-width: 820px;
+  }
   .panel-loader-wrapper {
     margin-top: 8px;
     padding-left: 32px;
@@ -168,7 +173,6 @@ class OperationsDialog extends React.PureComponent {
       <StyledComponent>
         <FileInputWithFolderPath
           name={name}
-          scale
           className="input-with-folder-path"
           baseFolder={baseFolder}
           isDisabled={isLoading || isSavingProcess}