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

use small scrollbars on variant items

Browse Source
This commit is contained in:
nflnkr 2024-02-15 11:43:02 +03:00
parent 051e9ee4ac
commit fc8e438198
4 changed files with 29 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
lib/components/ViewPublicationPage/questions/Emoji.tsx
View File

@ -34,7 +34,11 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
return (
<Box>
<Typography variant="h5" color={theme.palette.text.primary} sx={{wordBreak: "break-word"}}>{currentQuestion.title}</Typography>
<Typography
variant="h5"
color={theme.palette.text.primary}
sx={{ wordBreak: "break-word" }}
>{currentQuestion.title}</Typography>
<RadioGroup
name={currentQuestion.id}
value={currentQuestion.content.variants.findIndex(
@ -109,6 +113,12 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto",
paddingLeft: "45px",
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
}
},
}}
value={index}
@ -166,5 +176,4 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
</RadioGroup>
</Box>
);
};

6
lib/components/ViewPublicationPage/questions/Images.tsx
View File

@ -138,6 +138,12 @@ export const Images = ({ currentQuestion }: ImagesProps) => {
height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto",
paddingLeft: "45px",
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
}
},
}}
value={index}

6
lib/components/ViewPublicationPage/questions/Variant.tsx
View File

@ -168,6 +168,12 @@ const VariantItem = ({
wordBreak: "break-word",
height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto",
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
}
}
}}
value={index}

6
lib/components/ViewPublicationPage/questions/Varimg.tsx
View File

@ -80,6 +80,12 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto",
paddingLeft: "45px",
"&::-webkit-scrollbar": {
width: "4px",
},
"&::-webkit-scrollbar-thumb": {
backgroundColor: "#b8babf",
}
}
}}
value={index}