SQuiz/frontPanel
3
0
Fork 0
Code Issues 18 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

z-index селекта

Browse Source
This commit is contained in:
Tamara 2024-07-01 03:35:59 +03:00
parent 4a0b7ba3cf
commit 71f913e078
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/IntegrationsPage/IntegrationsModal/AmoQuestions/CurrentFieldSelectMobile.tsx
View File

@ -178,9 +178,6 @@ export const CurrentFieldSelect: FC<CustomSelectProps> = ({ items, selectedItemI
"& .MuiOutlinedInput-notchedOutline": { "& .MuiOutlinedInput-notchedOutline": {
border: 0, border: 0,
}, },
"& .MuiMenu-root.MuiModal-root": {
zIndex: 0,
},
}} }}
onChange={({ target }: SelectChangeEvent<string>) => setSelectedItem(target.value)} onChange={({ target }: SelectChangeEvent<string>) => setSelectedItem(target.value)}
onClick={toggleOpened} onClick={toggleOpened}

14
src/pages/IntegrationsPage/IntegrationsModal/AmoQuestions/EntitiesQuestions.tsx
View File

@ -1,4 +1,4 @@
import { Box, Button } from "@mui/material" import {Box, Button, useMediaQuery, useTheme} from "@mui/material"
import { StepButtonsBlock } from "../StepButtonsBlock/StepButtonsBlock" import { StepButtonsBlock } from "../StepButtonsBlock/StepButtonsBlock"
import { FC, useState } from "react"; import { FC, useState } from "react";
import { MinifiedData, TagKeys } from "../types"; import { MinifiedData, TagKeys } from "../types";
@ -36,6 +36,8 @@ export const EntitiesQuestions: FC<ItemsSelectionViewProps> = ({
setIsCurrentFields, setIsCurrentFields,
isCurrentFields, isCurrentFields,
}) => { }) => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down(600));
return ( return (
<Box <Box
@ -60,9 +62,9 @@ export const EntitiesQuestions: FC<ItemsSelectionViewProps> = ({
onClick={() => setIsCurrentFields(old => !old)} onClick={() => setIsCurrentFields(old => !old)}
sx={{ sx={{
borderRadius: "50px", borderRadius: "50px",
p: "10px 30px", p: isMobile ? "8px 20px" : "10px 30px",
mr: "10px", mr: "10px",
fontSize: "16px",
border: isCurrentFields ? "1px solid #7E2AEA" : "", border: isCurrentFields ? "1px solid #7E2AEA" : "",
bgcolor: isCurrentFields ? "#7E2AEA1A" : "#F2F3F7", bgcolor: isCurrentFields ? "#7E2AEA1A" : "#F2F3F7",
color: isCurrentFields ? "#7E2AEA" : "", color: isCurrentFields ? "#7E2AEA" : "",
@ -72,13 +74,13 @@ export const EntitiesQuestions: FC<ItemsSelectionViewProps> = ({
onClick={() => setIsCurrentFields(old => !old)} onClick={() => setIsCurrentFields(old => !old)}
sx={{ sx={{
borderRadius: "50px", borderRadius: "50px",
p: "10px 30px", p: isMobile ? "8px 20px" : "10px 30px",
fontSize: "16px",
border: !isCurrentFields ? "1px solid #7E2AEA" : "", border: !isCurrentFields ? "1px solid #7E2AEA" : "",
bgcolor: !isCurrentFields ? "#7E2AEA1A" : "#F2F3F7", bgcolor: !isCurrentFields ? "#7E2AEA1A" : "#F2F3F7",
color: !isCurrentFields ? "#7E2AEA" : "", color: !isCurrentFields ? "#7E2AEA" : "",
}} }}
>Новые поля</Button> >Новые поля </Button>
</Box> </Box>
{ {
isCurrentFields ? isCurrentFields ?