diff --git a/src/index.css b/src/index.css index fcc6de79..6e773876 100755 --- a/src/index.css +++ b/src/index.css @@ -6,6 +6,14 @@ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } +/*скрывает все скролл-бары*/ +body * { + -ms-overflow-style: none; + scrollbar-width: none; +} +body * ::-webkit-scrollbar { + display: none; +} code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", diff --git a/src/pages/Questions/Select.tsx b/src/pages/Questions/Select.tsx index daef5673..19d04a3a 100644 --- a/src/pages/Questions/Select.tsx +++ b/src/pages/Questions/Select.tsx @@ -116,10 +116,10 @@ export const Select = ({ inputProps={{ sx: { color: colorMain, - display: "flex", - alignItems: "center", + display: "block", px: "9px", gap: "20px", + width: "90%", }, }} IconComponent={(props) => } @@ -135,6 +135,7 @@ export const Select = ({ padding: "10px", borderRadius: "5px", color: colorPlaceholder, + whiteSpace: "normal", }} > {item} diff --git a/src/ui_kit/QuizPreview/QuizPreview.tsx b/src/ui_kit/QuizPreview/QuizPreview.tsx index 91fd06a7..d0ea20c0 100644 --- a/src/ui_kit/QuizPreview/QuizPreview.tsx +++ b/src/ui_kit/QuizPreview/QuizPreview.tsx @@ -116,6 +116,7 @@ export default function QuizPreview() { style={{ overflow: "hidden", pointerEvents: "auto", + boxShadow: "0px 5px 10px 2px rgba(34, 60, 80, 0.2)", }} cancel=".cancel" > diff --git a/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx b/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx index f2095dc7..f2df0e5d 100644 --- a/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx +++ b/src/ui_kit/QuizPreview/QuizPreviewLayout.tsx @@ -165,12 +165,12 @@ export default function QuizPreviewLayout() { inputProps={{ sx: { color: theme.palette.primary.main, - display: "flex", - alignItems: "center", + display: "block", px: "9px", gap: "20px", - width: "90%", - paddingRight: 0 + width: "87%", + overflow: "hidden", + textOverflow: "ellipsis", }, }} IconComponent={ArrowDownTheme} @@ -188,7 +188,7 @@ export default function QuizPreviewLayout() { borderRadius: "5px", color: "#9A9AAF", wordBreak: "break-word", - whiteSpace: "pre-wrap", + whiteSpace: "normal", }} > {`${index + 1}. ${title}`} diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx index 1ea11eed..ce436caf 100644 --- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx +++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx @@ -80,6 +80,7 @@ export default function Text({ question }: Props) { display: "flex", flexDirection: "column", gap: "8px", + maxWidth: "330px", "& .Mui-selected": { backgroundColor: theme.palette.background.default, color: theme.palette.primary.main, @@ -90,12 +91,12 @@ export default function Text({ question }: Props) { inputProps={{ sx: { color: theme.palette.primary.main, - display: "flex", - alignItems: "center", + display: "block", px: "9px", gap: "20px", - width: "90%", paddingLeft: "10px", + overflow: "hidden", + textOverflow: "ellipsis", "& + input": !selectValue && { backgroundColor: theme.palette.background.default, border: "none", @@ -107,7 +108,7 @@ export default function Text({ question }: Props) { overflow: "hidden", textOverflow: "ellipsis", paddingLeft: "10px", - width: "90%", + width: "88%", }, }, }} @@ -127,6 +128,7 @@ export default function Text({ question }: Props) { p: "4px", borderRadius: "5px", color: "#9A9AAF", + whiteSpace: "normal", }} > {variant.answer} diff --git a/src/ui_kit/StartPagePreview/QuizPreviewLayout.tsx b/src/ui_kit/StartPagePreview/QuizPreviewLayout.tsx index a19f7f6c..8ba4b945 100644 --- a/src/ui_kit/StartPagePreview/QuizPreviewLayout.tsx +++ b/src/ui_kit/StartPagePreview/QuizPreviewLayout.tsx @@ -22,6 +22,7 @@ export default function QuizPreviewLayout() { const quiz = useCurrentQuiz(); const mode = modes; const { isMobileDevice } = useUADevice(); + const isMobile = useMediaQuery(theme.breakpoints.down(600)); if (!quiz) return null; @@ -84,7 +85,15 @@ export default function QuizPreviewLayout() { alt="" /> )} - + {quiz.config.info.orgname} @@ -105,8 +114,26 @@ export default function QuizPreviewLayout() { : "start", }} > - {quiz.name} - + + {quiz.name} + + {quiz.config.startpage.description} @@ -150,12 +177,26 @@ export default function QuizPreviewLayout() { ) ) : ( {quiz.config.info.phonenumber} )} - + {quiz.config.info.law} diff --git a/src/ui_kit/StartPagePreview/index.tsx b/src/ui_kit/StartPagePreview/index.tsx index 0a304d06..8f09346f 100644 --- a/src/ui_kit/StartPagePreview/index.tsx +++ b/src/ui_kit/StartPagePreview/index.tsx @@ -123,6 +123,7 @@ export const StartPagePreview = () => { overflow: "hidden", pointerEvents: "auto", borderRadius: "5px", + backgroundColor: theme.palette.background.default, boxShadow: "0px 5px 10px 2px rgba(34, 60, 80, 0.2)", }} >