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

fix ui textarea

Browse Source
This commit is contained in:
Nastya 2024-10-08 23:14:02 +03:00
parent da4a4ab50f
commit 3fba86de43
4 changed files with 29 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -47,7 +47,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
return largeCheck ? (
<Box sx={{ overflow: "auto" }}>
<TextareaAutosize
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
style={{
resize: "none",
width: "100%",
@ -55,8 +55,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
border: "none",
outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
@ -76,8 +77,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
</Box>
) : (
<Input
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
sx={{
backgroundColor: "inherit",
width: "100%",
fontSize: "18px",
color: theme.palette.text.primary,
@ -174,7 +176,7 @@ export const EmojiVariant = ({
{own && (
<Typography
sx={{
color: theme.palette.grey[800],
color: theme.palette.text.primary,
fontSize: "14px",
pl: "15px",
}}
@ -232,7 +234,7 @@ export const EmojiVariant = ({
questionId={questionId}
variant={variant}
largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder}
ownPlaceholder={ownPlaceholder || "|"}
/>
) : (
<Box sx={{ display: "flex", gap: "10px" }}>

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

@ -35,7 +35,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
return largeCheck ? (
<Box sx={{ overflow: "auto" }}>
<TextareaAutosize
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
style={{
resize: "none",
width: "100%",
@ -43,8 +43,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
border: "none",
outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
@ -63,8 +64,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
</Box>
) : (
<Input
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
sx={{
backgroundColor: "inherit",
width: "100%",
fontSize: "18px",
color: theme.palette.text.primary,
@ -155,7 +157,7 @@ export const ImageVariant = ({
{own && (
<Typography
sx={{
color: theme.palette.grey[800],
color: theme.palette.text.primary,
fontSize: "14px",
pl: "15px",
}}
@ -224,7 +226,7 @@ export const ImageVariant = ({
questionId={questionId}
variant={variant}
largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder}
ownPlaceholder={ownPlaceholder || "|"}
/>
) : (
variant.answer

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

@ -35,7 +35,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
return largeCheck ? (
<TextareaAutosize
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
style={{
resize: "none",
width: "100%",
@ -43,8 +43,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
border: "none",
outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
@ -62,8 +63,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
/>
) : (
<Input
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
sx={{
backgroundColor: "inherit",
width: "100%",
fontSize: "18px",
color: theme.palette.text.primary,
@ -187,7 +189,7 @@ export const VariantItem = ({
<>
<Typography
sx={{
color: theme.palette.grey[800],
color: theme.palette.text.primary,
fontSize: "14px",
position: "absolute",
top: "-23px",
@ -199,7 +201,7 @@ export const VariantItem = ({
questionId={questionId}
variant={variant}
largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder}
ownPlaceholder={ownPlaceholder || "|"}
/>
</>
) : (

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

@ -45,7 +45,7 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
return largeCheck ? (
<TextareaAutosize
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
style={{
resize: "none",
width: "100%",
@ -53,8 +53,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary,
letterSpacing: "-0.4px",
wordSpacing: "-3px",
border: "none",
outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore
"&::-webkit-scrollbar": {
width: "4px",
@ -74,8 +75,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
/>
) : (
<Input
placeholder={ownPlaceholder}
placeholder={ownPlaceholder || "|"}
sx={{
backgroundColor: "inherit",
width: "100%",
fontSize: "18px",
color: theme.palette.text.primary,
@ -120,7 +122,7 @@ export const VarimgVariant = ({
<Box>
<Typography
sx={{
color: theme.palette.grey[800],
color: theme.palette.text.primary,
fontSize: "14px",
pl: "15px",
}}
@ -176,7 +178,7 @@ export const VarimgVariant = ({
questionId={questionId}
variant={variant}
largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder}
ownPlaceholder={ownPlaceholder || "|"}
/>
) : (
variant.answer
@ -241,7 +243,7 @@ export const VarimgVariant = ({
questionId={questionId}
variant={variant}
largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder}
ownPlaceholder={ownPlaceholder || "|"}
/>
) : (
variant.answer