From 7c2c70d7b4b6f7acb5edd3bc0c2d27dd981d92dc Mon Sep 17 00:00:00 2001 From: Timofey Boyko Date: Thu, 28 Apr 2022 11:17:08 +0300 Subject: [PATCH] Web:Files:Components: fix sharing panel header width for modal dialog --- packages/asc-web-components/themes/base.js | 2 +- packages/asc-web-components/themes/dark.js | 2 +- .../src/components/panels/SharingPanel/StyledSharingPanel.js | 3 +-- 3 files changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/asc-web-components/themes/base.js b/packages/asc-web-components/themes/base.js index dbbc665fc2..77929e9b06 100644 --- a/packages/asc-web-components/themes/base.js +++ b/packages/asc-web-components/themes/base.js @@ -580,7 +580,7 @@ const Base = { modalBorderRadius: "6px", asidePadding: "0 16px 16px", heading: { - maxWidth: "500px", + maxWidth: "calc(100% - 18px)", margin: "0", modalLineHeight: "40px", asideLineHeight: "56px", diff --git a/packages/asc-web-components/themes/dark.js b/packages/asc-web-components/themes/dark.js index 2d0ea8791b..e8365548bd 100644 --- a/packages/asc-web-components/themes/dark.js +++ b/packages/asc-web-components/themes/dark.js @@ -579,7 +579,7 @@ const Dark = { asidePadding: "0 16px 16px", heading: { - maxWidth: "500px", + maxWidth: "calc(100% - 18px)", margin: "0", fontWeight: "700", modalLineHeight: "40px", diff --git a/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js b/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js index 1fca788402..c672f07062 100644 --- a/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js +++ b/products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js @@ -37,8 +37,7 @@ const StyledHeaderContent = styled.div` align-items: center; justify-content: start; - width: calc(100% - 33px); - max-width: calc(100% - 33px); + width: 100%; .sharing_panel-arrow { .icon-button_svg {