Web:Files:Components: fix press enter for sharing modal dialog

This commit is contained in:
Timofey Boyko 2022-04-28 13:24:11 +03:00
parent deb6c4c0ab
commit 0fda77daab
2 changed files with 30 additions and 25 deletions

View File

@ -340,10 +340,29 @@ const StyledModalFooter = styled.div`
align-items: center;
justify-content: space-between;
div:first-child {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0;
}
button {
width: 100%;
height: 40px;
box-sizing: border-box;
.button-content {
display: flex;
align-items: center;
justify-content: center;
}
}
button:first-child {

View File

@ -3,7 +3,7 @@ import Backdrop from "@appserver/components/backdrop";
import Button from "@appserver/components/button";
import Aside from "@appserver/components/aside";
import SaveCancelButton from "@appserver/components/save-cancel-buttons";
import { withTranslation, Trans } from "react-i18next";
import toastr from "studio/toastr";
import { ShareAccessRights } from "@appserver/common/constants";
@ -624,18 +624,11 @@ class SharingPanelComponent extends React.Component {
{!showEmbeddingContent && (
<ModalDialog.Footer>
<StyledModalFooter>
<Button
size={"normal"}
label={t("Common:SaveButton")}
primary
onClick={this.onSaveClick}
scale
/>
<Button
size={"normal"}
label={t("Common:CancelButton")}
scale
onClick={this.onClose}
<SaveCancelButton
saveButtonLabel={t("Common:SaveButton")}
onSaveClick={this.onSaveClick}
cancelButtonLabel={t("Common:CancelButton")}
onCancelClick={this.onClose}
/>
</StyledModalFooter>
</ModalDialog.Footer>
@ -692,18 +685,11 @@ class SharingPanelComponent extends React.Component {
{!showEmbeddingContent && (
<ModalDialog.Footer>
<StyledModalFooter>
<Button
size={"normal"}
label={t("Common:SaveButton")}
primary
onClick={this.onSaveClick}
scale
/>
<Button
size={"normal"}
label={t("Common:CancelButton")}
scale
onClick={this.onClose}
<SaveCancelButton
saveButtonLabel={t("Common:SaveButton")}
onSaveClick={this.onSaveClick}
cancelButtonLabel={t("Common:CancelButton")}
onCancelClick={this.onClose}
/>
</StyledModalFooter>
</ModalDialog.Footer>