rambler-ui icon indicating copy to clipboard operation
rambler-ui copied to clipboard

Как стилизировать календарь?

Open hellpirat opened this issue 7 years ago • 3 comments

Другие стилизировать календарь? Другое по примеру стилизируется, календарь нет. Пробую делать так:

const customTheme = createTheme({
  i18n,
  colors: merge(baseColors, customColors),
  tabs: {
    colors: {
      hover: {
        text: '#ff0044',
      },
      active: {
        text: '#ff0044',
      },
      selected: {
        text: '#ff0044',
        border: 'currentColor'
      },
    },
  },
  calendar: {
    root: {
      width: 500,
      height: 500,
      padding: 50,
      color: 'red',
    },
    item: {
      width: 500,
      height: 500,
      padding: 50,
      color: 'red',
    }
  },
})

hellpirat avatar Nov 13 '18 06:11 hellpirat

в примере указана корректная тема для табов, но не корректная для календаря, нужно соблюдать такую структуру: https://github.com/rambler-digital-solutions/rambler-ui/blob/master/src/theme/base/index.js#L1089

andrepolischuk avatar Nov 13 '18 08:11 andrepolischuk

Хм, понял, эти получилось переопределить, но есть же еще стили которые задаются прям в компоненте https://github.com/rambler-digital-solutions/rambler-ui/blob/master/src/Calendar/Calendar.js#L23 можно ли как-то их переопределить?

hellpirat avatar Nov 13 '18 09:11 hellpirat

то что в .root можно переопределить через props.className

andrepolischuk avatar Nov 13 '18 11:11 andrepolischuk