z-index селекта
This commit is contained in:
parent
4a0b7ba3cf
commit
71f913e078
@ -178,9 +178,6 @@ export const CurrentFieldSelect: FC<CustomSelectProps> = ({ items, selectedItemI
|
||||
"& .MuiOutlinedInput-notchedOutline": {
|
||||
border: 0,
|
||||
},
|
||||
"& .MuiMenu-root.MuiModal-root": {
|
||||
zIndex: 0,
|
||||
},
|
||||
}}
|
||||
onChange={({ target }: SelectChangeEvent<string>) => setSelectedItem(target.value)}
|
||||
onClick={toggleOpened}
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { Box, Button } from "@mui/material"
|
||||
import {Box, Button, useMediaQuery, useTheme} from "@mui/material"
|
||||
import { StepButtonsBlock } from "../StepButtonsBlock/StepButtonsBlock"
|
||||
import { FC, useState } from "react";
|
||||
import { MinifiedData, TagKeys } from "../types";
|
||||
@ -36,6 +36,8 @@ export const EntitiesQuestions: FC<ItemsSelectionViewProps> = ({
|
||||
setIsCurrentFields,
|
||||
isCurrentFields,
|
||||
}) => {
|
||||
const theme = useTheme();
|
||||
const isMobile = useMediaQuery(theme.breakpoints.down(600));
|
||||
|
||||
return (
|
||||
<Box
|
||||
@ -60,9 +62,9 @@ export const EntitiesQuestions: FC<ItemsSelectionViewProps> = ({
|
||||
onClick={() => setIsCurrentFields(old => !old)}
|
||||
sx={{
|
||||
borderRadius: "50px",
|
||||
p: "10px 30px",
|
||||
p: isMobile ? "8px 20px" : "10px 30px",
|
||||
mr: "10px",
|
||||
|
||||
fontSize: "16px",
|
||||
border: isCurrentFields ? "1px solid #7E2AEA" : "",
|
||||
bgcolor: isCurrentFields ? "#7E2AEA1A" : "#F2F3F7",
|
||||
color: isCurrentFields ? "#7E2AEA" : "",
|
||||
@ -72,8 +74,8 @@ export const EntitiesQuestions: FC<ItemsSelectionViewProps> = ({
|
||||
onClick={() => setIsCurrentFields(old => !old)}
|
||||
sx={{
|
||||
borderRadius: "50px",
|
||||
p: "10px 30px",
|
||||
|
||||
p: isMobile ? "8px 20px" : "10px 30px",
|
||||
fontSize: "16px",
|
||||
border: !isCurrentFields ? "1px solid #7E2AEA" : "",
|
||||
bgcolor: !isCurrentFields ? "#7E2AEA1A" : "#F2F3F7",
|
||||
color: !isCurrentFields ? "#7E2AEA" : "",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user