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

Doceditor:CompletedForm Fixed form number

Browse Source
This commit is contained in:
Akmal Isomadinov 2024-07-29 18:57:46 +05:00
parent 06f0a1d754
commit 92bac99ed7
2 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/doceditor/src/components/completed-form/CompletedForm.styled.ts
View File

@ -266,6 +266,19 @@ export const FormNumberWrapper = styled.div`
grid-area: form-number; grid-area: form-number;
.form-number--big {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media ${mobileMore} {
.form-number--big {
font-size: 23px;
line-height: 28px;
}
}
> div { > div {
justify-content: center; justify-content: center;
flex-grow: 1; flex-grow: 1;

12
packages/doceditor/src/components/completed-form/CompletedForm.tsx
View File

@ -46,10 +46,11 @@ import { isNullOrUndefined } from "@docspace/shared/utils/typeGuards";
import { Button, ButtonSize } from "@docspace/shared/components/button"; import { Button, ButtonSize } from "@docspace/shared/components/button";
import { WhiteLabelLogoType } from "@docspace/shared/enums"; import { WhiteLabelLogoType } from "@docspace/shared/enums";
import { mobile, mobileMore } from "@docspace/shared/utils"; import { classNames, mobile, mobileMore } from "@docspace/shared/utils";
import { Heading, HeadingLevel } from "@docspace/shared/components/heading"; import { Heading, HeadingLevel } from "@docspace/shared/components/heading";
import { IconButton } from "@docspace/shared/components/icon-button"; import { IconButton } from "@docspace/shared/components/icon-button";
import { copyShareLink } from "@docspace/shared/utils/copy"; import { copyShareLink } from "@docspace/shared/utils/copy";
import { Scrollbar } from "@docspace/shared/components/scrollbar";
import { import {
Avatar, Avatar,
@ -73,7 +74,8 @@ import {
} from "./CompletedForm.styled"; } from "./CompletedForm.styled";
import type { CompletedFormProps } from "./CompletedForm.types"; import type { CompletedFormProps } from "./CompletedForm.types";
import { Scrollbar } from "@docspace/shared/components/scrollbar";
const BIG_FORM_NUMBER = 9_999_999;
export const CompletedForm = ({ export const CompletedForm = ({
session, session,
@ -215,7 +217,11 @@ export const CompletedForm = ({
<FormNumberWrapper> <FormNumberWrapper>
<span className="label">{t("CompletedForm:FormNumber")}</span> <span className="label">{t("CompletedForm:FormNumber")}</span>
<Box> <Box>
<Text className="completed-form__form-number"> <Text
className={classNames("completed-form__form-number", {
["form-number--big"]: formNumber > BIG_FORM_NUMBER,
})}
>
{formNumber} {formNumber}
</Text> </Text>
</Box> </Box>