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

fix scrollbar caused by small lineheight

Browse Source
This commit is contained in:
nflnkr 2024-02-15 20:59:06 +03:00
parent b52a9e3a1c
commit 7d8ad9a520
5 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -118,6 +118,7 @@ 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",

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

@ -137,6 +137,7 @@ export const Images = ({ currentQuestion }: ImagesProps) => {
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",

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

@ -180,6 +180,7 @@ const VariantItem = ({
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",
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
}, },

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

@ -79,6 +79,7 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
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",

2
src/App.tsx
View File

@ -8,7 +8,7 @@ import useSWR from "swr";
import QuizAnswerer from "../lib/components/QuizAnswerer"; import QuizAnswerer from "../lib/components/QuizAnswerer";
import { ApologyPage } from "../lib/components/ViewPublicationPage/ApologyPage"; import { ApologyPage } from "../lib/components/ViewPublicationPage/ApologyPage";
//const defaultQuizId = "0c568ac9-d176-491b-b6cd-5afd31254951"; // branching // const defaultQuizId = "45ef7f9c-784d-4e58-badb-f6b337f08ba0"; // branching
const defaultQuizId = "d7c940fe-1e44-41a0-bbac-5f304c51a1e4"; //looooong header const defaultQuizId = "d7c940fe-1e44-41a0-bbac-5f304c51a1e4"; //looooong header
// const defaultQuizId = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear // const defaultQuizId = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear