фикс переполнения, скроллбара, отображения засчитанных баллов

This commit is contained in:
Nastya 2024-09-25 19:52:22 +03:00
parent f84c0be738
commit 0e6e31e5d1
5 changed files with 34 additions and 3 deletions

@ -62,7 +62,7 @@ export const PointSystemResultList = () => {
color: answeredVariant?.points ? "inherit" : theme.palette.grey[500],
}}
>
{answeredVariant?.points || "0"}/10
{answeredVariant?.points || "0"}/1
</Typography>
</Box>
<Box

@ -57,6 +57,13 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
wordSpacing: "-3px",
border: "none",
outline: "0px none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
},
}}
value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}

@ -45,6 +45,13 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
wordSpacing: "-3px",
border: "none",
outline: "0px none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
},
}}
value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@ -156,12 +163,13 @@ export const ImageVariant = ({
justifyContent: "center",
position: "relative",
height: "80px",
overflow: "auto",
"& .MuiFormControlLabel-label": {
wordBreak: "break-word",
height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto",
lineHeight: "normal",
overflow: "auto",
maxHeight: "100%",
width: "100%",
"&::-webkit-scrollbar": {
width: "4px",
},
@ -174,6 +182,7 @@ export const ImageVariant = ({
control={
isMulti ? (
<Checkbox
id="cock"
checked={!!answer?.includes(variant.id)}
checkedIcon={<RadioCheck color={theme.palette.primary.main} />}
icon={<RadioIcon />}

@ -44,6 +44,13 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
wordSpacing: "-3px",
border: "none",
outline: "0px none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
},
}}
value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@ -142,6 +149,7 @@ export const VariantItem = ({
"&.MuiFormControl-root": { width: "100%" },
"& .MuiFormControlLabel-label": {
width: "100%",
maxHeight: "100%",
wordBreak: "break-word",
height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto",

@ -45,6 +45,13 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
wordSpacing: "-3px",
border: "none",
outline: "0px none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
},
}}
value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}