Material-UI: массив теней, предоставленный для createMuiTheme, должен поддерживать 25 высот - PullRequest
Новая
       9

Material-UI: массив теней, предоставленный для createMuiTheme, должен поддерживать 25 высот

0 голосов
/ 24 мая 2018

Я пытаюсь избавиться от теней в теме Material-UI.

Я нашел этот ответ здесь с исправленной проблемой .Однако я получаю сообщение об ошибке в заголовке этого вопроса. 

const theme = createMuiTheme({
  palette: {
    primary: {
      light: red[300],
      main: red[500],
      dark: red[700]
    },
    secondary: {
      light: red.A200,
      main: red.A400,
      dark: red.A700
    }
  },
  shadows: ['none']
});

Ошибка:

browser.js: 49 Предупреждение: Material-UI:массив теней, предоставленный для createMuiTheme, должен поддерживать 25 высот.

Я нашел это решение, но ответ не помог: https://github.com/mui-org/material-ui/issues/8289

Ответы [ 2 ]

0 голосов
/ 08 января 2019

Честно говоря, я думаю, что лучший способ сделать это - использовать переопределения.В зависимости от того, какую тень от коробки вы хотите удалить. 

const theme = createMuiTheme({
  palette: {
    primary: {
      light: red[300],
      main: red[500],
      dark: red[700]
    },
    secondary: {
      light: red.A200,
      main: red.A400,
      dark: red.A700
    }
  },
  overrides: {
    MuiAppBar: {
      root: {
        'box-shadow':'none'
      }
    }
  }  
});
0 голосов
/ 24 мая 2018

Похоже, что ваша Тема должна иметь не менее 25 теней, чтобы создать прогрессию, видимую в интерфейсе материалов.Хотя я, конечно, не рекомендую удалять тени, если вы пытаетесь следовать стандартам UI, одним из простых способов сделать это может быть просто установить все уровни высоты на none. 

const theme = createMuiTheme({
  palette: {
    primary: {
      light: red[300],
      main: red[500],
      dark: red[700]
    },
    secondary: {
      light: red.A200,
      main: red.A400,
      dark: red.A700
    }
  },
  shadows: Array(25).fill('none')
});

Это должно соответствовать требованию.

...