Merge branch 'release/v1.0.0' of https://github.com/ONLYOFFICE/DocSpace into release/v1.0.0
This commit is contained in:
commit
ca18f997c3
@ -70,6 +70,8 @@ const StyledAccountsItemTitle = styled.div`
|
||||
StyledAccountsItemTitle.defaultProps = { theme: Base };
|
||||
|
||||
const StyledAccountContent = styled.div`
|
||||
margin: 80px auto 0;
|
||||
|
||||
.data__header {
|
||||
width: 100%;
|
||||
padding: 24px 0;
|
||||
|
@ -1,13 +1,12 @@
|
||||
import styled from "styled-components";
|
||||
|
||||
const StyledSeveralItemsContainer = styled.div`
|
||||
margin: 80px auto 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 32px;
|
||||
padding-top: ${(props) => (props.isAccounts ? "80px" : "0")};
|
||||
padding-top: 80px;
|
||||
|
||||
img {
|
||||
width: 75px;
|
||||
|
@ -90,11 +90,13 @@ const MobileViewLoader = ({ ...rest }) => {
|
||||
animate={animate}
|
||||
/>
|
||||
</div>
|
||||
<div className="block">
|
||||
|
||||
<div className="notifications">
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="78"
|
||||
height="20"
|
||||
width="101"
|
||||
height="22"
|
||||
className="title"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
@ -115,22 +117,13 @@ const MobileViewLoader = ({ ...rest }) => {
|
||||
animate={animate}
|
||||
/>
|
||||
</div>
|
||||
<div className="block">
|
||||
|
||||
<div className="theme">
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="78"
|
||||
height="20"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
height="32"
|
||||
className="theme-title"
|
||||
width="129"
|
||||
height="22"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
@ -139,6 +132,108 @@ const MobileViewLoader = ({ ...rest }) => {
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
|
||||
<div className="flex">
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="16"
|
||||
height="16"
|
||||
className="check-box"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="124"
|
||||
height="20"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="theme-selection">
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="291"
|
||||
height="32"
|
||||
className="theme-description"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
|
||||
<div className="check-box-container">
|
||||
<div className="flex">
|
||||
<CircleLoader
|
||||
title={title}
|
||||
className="check-box"
|
||||
x="8"
|
||||
y="8"
|
||||
radius="8"
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="124"
|
||||
height="20"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
</div>
|
||||
<div className="flex">
|
||||
<CircleLoader
|
||||
title={title}
|
||||
className="check-box"
|
||||
x="8"
|
||||
y="8"
|
||||
radius="8"
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
<RectangleLoader
|
||||
title={title}
|
||||
width="124"
|
||||
height="20"
|
||||
borderRadius={borderRadius}
|
||||
backgroundColor={backgroundColor}
|
||||
foregroundColor={foregroundColor}
|
||||
backgroundOpacity={backgroundOpacity}
|
||||
foregroundOpacity={foregroundOpacity}
|
||||
speed={speed}
|
||||
animate={animate}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</MobileView>
|
||||
);
|
||||
|
@ -152,7 +152,50 @@ const MobileView = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
margin-bottom: 16px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.notifications {
|
||||
.title {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.theme {
|
||||
.theme-title {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.check-box {
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.theme-selection {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-top: 4px;
|
||||
padding-left: 22px;
|
||||
|
||||
.theme-description {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.check-box {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.check-box-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
|
@ -156,8 +156,9 @@ const LoginForm: React.FC<ILoginFormProps> = ({
|
||||
const session = !isChecked;
|
||||
login(user, hash, session)
|
||||
.then((res: string | object) => {
|
||||
const isConfirm = typeof res === "string" && res.includes("confirm");
|
||||
const redirectPath = sessionStorage.getItem("referenceUrl");
|
||||
if (redirectPath) {
|
||||
if (redirectPath && !isConfirm) {
|
||||
sessionStorage.removeItem("referenceUrl");
|
||||
window.location.href = redirectPath;
|
||||
return;
|
||||
|
Loading…
Reference in New Issue
Block a user