Как настроить диалоговое окно Office UI Fabric React CSS? - PullRequest
Новая
       43

Как настроить диалоговое окно Office UI Fabric React CSS?

1 голос
/ 27 сентября 2019

Я хочу добавить некоторые свойства стиля в свой компонент диалога (например, поставить поле для текстового поля), но на мои классы нет ссылок при рендеринге

HelloWorld.tsx 

import styles from './HelloWorld.module.scss';

<Dialog
hidden={false}
dialogContentProps={{
  type: DialogType.normal,
  title: "My Dialog",
  className: styles.dialogadd,
}}
modalProps={{
  isBlocking: false,
  className: styles.dialogadd,
}}>

<div className={styles.permcheck}>
  <Checkbox label="Test 1" />
  <Checkbox label="Test 2" />
  <Checkbox label="Test 3" />
</div>

HelloWorld.module.scss 

.dialogadd {
    font-size: 20px;
  }

  .permcheck {
    margin-top: 5px;
  }

Хотя мои классы находятся в моем отрендеренном HTML, они не вызываются, и я не знаю почему ....

Используемые версии:

  • Узел: 8.11.3
  • SPFX: 1.9.1
  • Интерфейс Office UI Fabric Реакция: 6.189.2
  • Реакция: 16.8.5
  • TypeScript: 2.9

Спасибо за любую помощь!

...