Материал пользовательского интерфейса: как увеличить Z-индекс MuiModal-корень?

Question

По умолчанию z-index установлен в 1300

, что-то вроде:

[class*='MuiModal-root'] {
  z-index: 2000!important;
}

работает, но есть ли лучший способ?

Answer 1

Создайте тему, если у вас нет одной Документы по темам Material-UI и переопределите z-index следующим образом:

export const theme = createMuiTheme({
    overrides: {
        MuiModal:{
            root: {
                zIndex: 2000,
            }
        }
    }
});