SQuiz/frontAnswerer
2
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

fix scrollbar

Browse Source
This commit is contained in:
Nastya 2024-09-26 22:12:11 +03:00
parent 5eb33e60c4
commit b0d28dad6a
4 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
lib/components/ViewPublicationPage/questions/Emoji/EmojiVariant.tsx
View File

@ -65,6 +65,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
"&::-webkit-scrollbar-thumb": { "&::-webkit-scrollbar-thumb": {
backgroundColor: theme.palette.primary.main, backgroundColor: theme.palette.primary.main,
}, },
scrollbarColor: theme.palette.primary.main,
}} }}
value={ownAnswer} value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()} onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@ -187,10 +188,13 @@ export const EmojiVariant = ({
wordBreak: "break-word", wordBreak: "break-word",
height: variant.answer.length <= 60 ? undefined : "60px", height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto", overflow: "auto",
"&::-webkit-scrollbar": { width: "4px" }, "&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": { "&::-webkit-scrollbar-thumb": {
backgroundColor: theme.palette.primary.main, backgroundColor: theme.palette.primary.main,
}, },
scrollbarColor: theme.palette.primary.main,
}, },
"& .MuiFormControlLabel-label.Mui-disabled": { "& .MuiFormControlLabel-label.Mui-disabled": {
color: theme.palette.text.primary, color: theme.palette.text.primary,

2
lib/components/ViewPublicationPage/questions/Images/ImageVariant.tsx
View File

@ -52,6 +52,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
"&::-webkit-scrollbar-thumb": { "&::-webkit-scrollbar-thumb": {
backgroundColor: theme.palette.primary.main, backgroundColor: theme.palette.primary.main,
}, },
scrollbarColor: theme.palette.primary.main,
}} }}
value={ownAnswer} value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()} onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@ -176,6 +177,7 @@ export const ImageVariant = ({
"&::-webkit-scrollbar-thumb": { "&::-webkit-scrollbar-thumb": {
backgroundColor: theme.palette.primary.main, backgroundColor: theme.palette.primary.main,
}, },
scrollbarColor: theme.palette.primary.main,
}, },
}} }}
value={index} value={index}

12
lib/components/ViewPublicationPage/questions/Variant/VariantItem.tsx
View File

@ -49,8 +49,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
width: "4px", width: "4px",
}, },
"&::-webkit-scrollbar-thumb": { "&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf", backgroundColor: theme.palette.primary.main,
}, },
scrollbarColor: theme.palette.primary.main,
}} }}
value={ownAnswer} value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()} onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@ -154,8 +155,13 @@ export const VariantItem = ({
height: variant.answer.length <= 60 ? undefined : "60px", height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto", overflow: "auto",
lineHeight: "normal", lineHeight: "normal",
"&::-webkit-scrollbar": { width: "4px" }, "&::-webkit-scrollbar": {
"&::-webkit-scrollbar-thumb": { backgroundColor: "#b8babf" }, width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: theme.palette.primary.main,
},
scrollbarColor: theme.palette.primary.main,
}, },
"& .MuiFormControlLabel-label.Mui-disabled": { "& .MuiFormControlLabel-label.Mui-disabled": {
color: theme.palette.text.primary, color: theme.palette.text.primary,

13
lib/components/ViewPublicationPage/questions/Varimg/VarimgVariant.tsx
View File

@ -50,8 +50,10 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
width: "4px", width: "4px",
}, },
"&::-webkit-scrollbar-thumb": { "&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf", backgroundColor: theme.palette.primary.main,
}, },
scrollbarColor: theme.palette.primary.main,
maxHeight: "44px",
}} }}
value={ownAnswer} value={ownAnswer}
onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()} onClick={(e: React.MouseEvent<HTMLTextAreaElement>) => e.stopPropagation()}
@ -130,8 +132,13 @@ export const VarimgVariant = ({
overflow: "auto", overflow: "auto",
lineHeight: "normal", lineHeight: "normal",
width: "100%", width: "100%",
"&::-webkit-scrollbar": { width: "4px" }, "&::-webkit-scrollbar": {
"&::-webkit-scrollbar-thumb": { backgroundColor: "#b8babf" }, width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: theme.palette.primary.main,
},
scrollbarColor: theme.palette.primary.main,
}, },
"& .MuiFormControlLabel-label.Mui-disabled": { "& .MuiFormControlLabel-label.Mui-disabled": {
color: theme.palette.text.primary, color: theme.palette.text.primary,