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

fix emoji variant scrollbar

Browse Source
This commit is contained in:
nflnkr 2024-02-15 21:15:04 +03:00
parent 7d8ad9a520
commit 9459970624
1 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -118,7 +118,6 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
wordBreak: "break-word", wordBreak: "break-word",
height: variant.answer.length <= 60 ? undefined : "60px", height: variant.answer.length <= 60 ? undefined : "60px",
overflow: "auto", overflow: "auto",
lineHeight: "normal",
paddingLeft: "45px", paddingLeft: "45px",
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
@ -177,7 +176,10 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
} }
label={ label={
<Box sx={{ display: "flex", gap: "10px" }}> <Box sx={{ display: "flex", gap: "10px" }}>
<Typography sx={{ wordBreak: "break-word" }}>{variant.answer}</Typography> <Typography sx={{
wordBreak: "break-word",
lineHeight: "normal",
}}>{variant.answer}</Typography>
</Box> </Box>
} }
/> />