Почему в тексте флажка не используется размер шрифта темы? - PullRequest
0 голосов
/ 21 марта 2019

Я изменил «средний» размер шрифта с помощью loadTheme, например:

loadTheme({
  fonts: {
    medium: {
      fontFamily: fonts.fontFamily,
      fontSize: fonts.fontSize.regular
    }
  }
)

Однако базовые стили Checkbox загружают размер шрифта прямо из FontSizes здесь:

https://github.com/OfficeDev/office-ui-fabric-react/blob/ace874ab7e56188a7d6de081915c63025def4e05/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.styles.ts#L223

Я знаю, что могу переопределить это на самом компоненте, но, похоже, мне это не нужно. Это ошибка? Разве компонент не должен использовать размер шрифта темы по умолчанию?

1 Ответ

1 голос
/ 25 апреля 2019

Да, флажок должен читать шрифт из темы. Фактически, в ветке fabric-7 он делает:

https://github.com/OfficeDev/office-ui-fabric-react/blob/14b1d77fc97fffb1c333a3601d62c3e30c4cf3b0/packages/office-ui-fabric-react/src/components/Checkbox/Checkbox.styles.ts#L136

Выпуск Fabric 7 запланирован на май. В то же время вы должны иметь возможность применять свой собственный стиль, используя вызов loadTheme, например:

const checkboxStyling = (props) => {
  return {
    text: { ...props.theme.fonts.medium }
  }
}

...

<Checkbox label='test' styles={checkboxStyling} />

Это работает в следующем CodePen: https://codepen.io/jasongore/pen/JVwJGO

...