From 7d8ad9a5206c6ec9926dc760aed4711e4be0b9ce Mon Sep 17 00:00:00 2001
From: nflnkr <molohov.eugeny@yandex.ru>
Date: Thu, 15 Feb 2024 20:59:06 +0300
Subject: [PATCH] fix scrollbar caused by small lineheight

---
 lib/components/ViewPublicationPage/questions/Emoji.tsx   | 1 +
 lib/components/ViewPublicationPage/questions/Images.tsx  | 1 +
 lib/components/ViewPublicationPage/questions/Variant.tsx | 1 +
 lib/components/ViewPublicationPage/questions/Varimg.tsx  | 1 +
 src/App.tsx                                              | 2 +-
 5 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/lib/components/ViewPublicationPage/questions/Emoji.tsx b/lib/components/ViewPublicationPage/questions/Emoji.tsx
index 798e00f..2186560 100644
--- a/lib/components/ViewPublicationPage/questions/Emoji.tsx
+++ b/lib/components/ViewPublicationPage/questions/Emoji.tsx
@@ -118,6 +118,7 @@ export const Emoji = ({ currentQuestion }: EmojiProps) => {
                                         wordBreak: "break-word",
                                         height: variant.answer.length <= 60 ? undefined : "60px",
                                         overflow: "auto",
+                                        lineHeight: "normal",
                                         paddingLeft: "45px",
                                         "&::-webkit-scrollbar": {
                                             width: "4px",
diff --git a/lib/components/ViewPublicationPage/questions/Images.tsx b/lib/components/ViewPublicationPage/questions/Images.tsx
index 7f564cf..f51194c 100644
--- a/lib/components/ViewPublicationPage/questions/Images.tsx
+++ b/lib/components/ViewPublicationPage/questions/Images.tsx
@@ -137,6 +137,7 @@ export const Images = ({ currentQuestion }: ImagesProps) => {
                                         wordBreak: "break-word",
                                         height: variant.answer.length <= 60 ? undefined : "60px",
                                         overflow: "auto",
+                                        lineHeight: "normal",
                                         paddingLeft: "45px",
                                         "&::-webkit-scrollbar": {
                                             width: "4px",
diff --git a/lib/components/ViewPublicationPage/questions/Variant.tsx b/lib/components/ViewPublicationPage/questions/Variant.tsx
index 756bf11..79346ef 100644
--- a/lib/components/ViewPublicationPage/questions/Variant.tsx
+++ b/lib/components/ViewPublicationPage/questions/Variant.tsx
@@ -180,6 +180,7 @@ const VariantItem = ({
                     wordBreak: "break-word",
                     height: variant.answer.length <= 60 ? undefined : "60px",
                     overflow: "auto",
+                    lineHeight: "normal",
                     "&::-webkit-scrollbar": {
                         width: "4px",
                     },
diff --git a/lib/components/ViewPublicationPage/questions/Varimg.tsx b/lib/components/ViewPublicationPage/questions/Varimg.tsx
index 3ea133d..ae7d4a3 100644
--- a/lib/components/ViewPublicationPage/questions/Varimg.tsx
+++ b/lib/components/ViewPublicationPage/questions/Varimg.tsx
@@ -79,6 +79,7 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
                                         wordBreak: "break-word",
                                         height: variant.answer.length <= 60 ? undefined : "60px",
                                         overflow: "auto",
+                                        lineHeight: "normal",
                                         paddingLeft: "45px",
                                         "&::-webkit-scrollbar": {
                                             width: "4px",
diff --git a/src/App.tsx b/src/App.tsx
index c1c6d7e..af61b0f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -8,7 +8,7 @@ import useSWR from "swr";
 import QuizAnswerer from "../lib/components/QuizAnswerer";
 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 = "ad7f5a87-b833-4f5b-854e-453706ed655c"; // linear