SQuiz/frontAnswerer
3
0
Fork 0
Code Issues 6 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 ? ( return largeCheck ? (
<Box sx={{ overflow: "auto" }}> <Box sx={{ overflow: "auto" }}>
<TextareaAutosize <TextareaAutosize
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
style={{ style={{
resize: "none", resize: "none",
width: "100%", width: "100%",
@ -55,8 +55,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary, color: theme.palette.text.primary,
letterSpacing: "-0.4px", letterSpacing: "-0.4px",
wordSpacing: "-3px", wordSpacing: "-3px",
border: "none",
outline: "0px none", outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore //@ts-ignore
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
@ -76,8 +77,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
</Box> </Box>
) : ( ) : (
<Input <Input
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
sx={{ sx={{
backgroundColor: "inherit",
width: "100%", width: "100%",
fontSize: "18px", fontSize: "18px",
color: theme.palette.text.primary, color: theme.palette.text.primary,
@ -174,7 +176,7 @@ export const EmojiVariant = ({
{own && ( {own && (
<Typography <Typography
sx={{ sx={{
color: theme.palette.grey[800], color: theme.palette.text.primary,
fontSize: "14px", fontSize: "14px",
pl: "15px", pl: "15px",
}} }}
@ -232,7 +234,7 @@ export const EmojiVariant = ({
questionId={questionId} questionId={questionId}
variant={variant} variant={variant}
largeCheck={questionLargeCheck} largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder} ownPlaceholder={ownPlaceholder || "|"}
/> />
) : ( ) : (
<Box sx={{ display: "flex", gap: "10px" }}> <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 ? ( return largeCheck ? (
<Box sx={{ overflow: "auto" }}> <Box sx={{ overflow: "auto" }}>
<TextareaAutosize <TextareaAutosize
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
style={{ style={{
resize: "none", resize: "none",
width: "100%", width: "100%",
@ -43,8 +43,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary, color: theme.palette.text.primary,
letterSpacing: "-0.4px", letterSpacing: "-0.4px",
wordSpacing: "-3px", wordSpacing: "-3px",
border: "none",
outline: "0px none", outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore //@ts-ignore
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
@ -63,8 +64,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
</Box> </Box>
) : ( ) : (
<Input <Input
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
sx={{ sx={{
backgroundColor: "inherit",
width: "100%", width: "100%",
fontSize: "18px", fontSize: "18px",
color: theme.palette.text.primary, color: theme.palette.text.primary,
@ -155,7 +157,7 @@ export const ImageVariant = ({
{own && ( {own && (
<Typography <Typography
sx={{ sx={{
color: theme.palette.grey[800], color: theme.palette.text.primary,
fontSize: "14px", fontSize: "14px",
pl: "15px", pl: "15px",
}} }}
@ -224,7 +226,7 @@ export const ImageVariant = ({
questionId={questionId} questionId={questionId}
variant={variant} variant={variant}
largeCheck={questionLargeCheck} largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder} ownPlaceholder={ownPlaceholder || "|"}
/> />
) : ( ) : (
variant.answer 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 ? ( return largeCheck ? (
<TextareaAutosize <TextareaAutosize
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
style={{ style={{
resize: "none", resize: "none",
width: "100%", width: "100%",
@ -43,8 +43,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary, color: theme.palette.text.primary,
letterSpacing: "-0.4px", letterSpacing: "-0.4px",
wordSpacing: "-3px", wordSpacing: "-3px",
border: "none",
outline: "0px none", outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore //@ts-ignore
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
@ -62,8 +63,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
/> />
) : ( ) : (
<Input <Input
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
sx={{ sx={{
backgroundColor: "inherit",
width: "100%", width: "100%",
fontSize: "18px", fontSize: "18px",
color: theme.palette.text.primary, color: theme.palette.text.primary,
@ -187,7 +189,7 @@ export const VariantItem = ({
<> <>
<Typography <Typography
sx={{ sx={{
color: theme.palette.grey[800], color: theme.palette.text.primary,
fontSize: "14px", fontSize: "14px",
position: "absolute", position: "absolute",
top: "-23px", top: "-23px",
@ -199,7 +201,7 @@ export const VariantItem = ({
questionId={questionId} questionId={questionId}
variant={variant} variant={variant}
largeCheck={questionLargeCheck} 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 ? ( return largeCheck ? (
<TextareaAutosize <TextareaAutosize
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
style={{ style={{
resize: "none", resize: "none",
width: "100%", width: "100%",
@ -53,8 +53,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
color: theme.palette.text.primary, color: theme.palette.text.primary,
letterSpacing: "-0.4px", letterSpacing: "-0.4px",
wordSpacing: "-3px", wordSpacing: "-3px",
border: "none",
outline: "0px none", outline: "0px none",
backgroundColor: "inherit",
border: "none",
//@ts-ignore //@ts-ignore
"&::-webkit-scrollbar": { "&::-webkit-scrollbar": {
width: "4px", width: "4px",
@ -74,8 +75,9 @@ const OwnInput = ({ questionId, variant, largeCheck, ownPlaceholder }: OwnInputP
/> />
) : ( ) : (
<Input <Input
placeholder={ownPlaceholder} placeholder={ownPlaceholder || "|"}
sx={{ sx={{
backgroundColor: "inherit",
width: "100%", width: "100%",
fontSize: "18px", fontSize: "18px",
color: theme.palette.text.primary, color: theme.palette.text.primary,
@ -120,7 +122,7 @@ export const VarimgVariant = ({
<Box> <Box>
<Typography <Typography
sx={{ sx={{
color: theme.palette.grey[800], color: theme.palette.text.primary,
fontSize: "14px", fontSize: "14px",
pl: "15px", pl: "15px",
}} }}
@ -176,7 +178,7 @@ export const VarimgVariant = ({
questionId={questionId} questionId={questionId}
variant={variant} variant={variant}
largeCheck={questionLargeCheck} largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder} ownPlaceholder={ownPlaceholder || "|"}
/> />
) : ( ) : (
variant.answer variant.answer
@ -241,7 +243,7 @@ export const VarimgVariant = ({
questionId={questionId} questionId={questionId}
variant={variant} variant={variant}
largeCheck={questionLargeCheck} largeCheck={questionLargeCheck}
ownPlaceholder={ownPlaceholder} ownPlaceholder={ownPlaceholder || "|"}
/> />
) : ( ) : (
variant.answer variant.answer