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

lib/components/ViewPublicationPage/PointSystemResultList.tsx

@@ -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

lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx

@@ -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()}

lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx

@@ -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 />}

lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx

@@ -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",

lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx

@@ -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()}