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

Web: Login: add cancel buttons

Browse Source
This commit is contained in:
Viktor Fomin 2022-03-03 22:16:06 +03:00
parent 48f9afd6b0
commit e9cfff3013
3 changed files with 30 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/ASC.Web.Login/src/sub-components/forgot-password-modal-dialog.js
View File

@ -51,7 +51,7 @@ const ForgotPasswordModalDialog = (props) => {
}
};
const dialogWidth = isMobile ? "90%" : null;
const dialogWidth = isMobile ? "90%" : "400px";
return (
<ModalDialogContainer
@ -116,6 +116,19 @@ const ForgotPasswordModalDialog = (props) => {
isDisabled={isLoading}
tabIndex={2}
/>
<Button
className="modal-dialog-button"
key="CancelBtn"
label={t("Common:CancelButton")}
size="big"
scale={false}
primary={false}
onClick={onDialogClose}
isLoading={isLoading}
isDisabled={isLoading}
tabIndex={2}
/>
</ModalDialog.Footer>
</ModalDialogContainer>
);

2
web/ASC.Web.Login/src/sub-components/modal-dialog-container.js
View File

@ -17,6 +17,8 @@ const ModalDialogContainer = styled(ModalDialog)`
}
}
.modal-dialog-button {
margin-right: 10px;
@media (max-width: 1024px) {
width: 100%;
}

15
web/ASC.Web.Login/src/sub-components/register-modal-dialog.js
View File

@ -44,7 +44,7 @@ const RegisterModalDialog = ({
);
};
const dialogWidth = isMobile ? "90%" : null;
const dialogWidth = isMobile ? "90%" : "520px";
return (
<ModalDialogContainer
@ -102,6 +102,19 @@ const RegisterModalDialog = ({
isDisabled={loading}
tabIndex={3}
/>
<Button
className="modal-dialog-button"
key="CancelBtn"
label={t("Common:CancelButton")}
size="big"
scale={false}
primary={false}
onClick={onRegisterModalClose}
isLoading={loading}
isDisabled={loading}
tabIndex={2}
/>
</ModalDialog.Footer>
</ModalDialogContainer>
);