Невозможно изменить стиль Office UI React Dialog ver. 5.56.0

Question

Я использую старую версию office-ui-fabric-реагировать (5.56.0). Так что мой компонент Dialog имеет только свойство getStyles. Проблема в том, что кажется, что ширина диалогов заблокирована, и я не могу понять, как это изменить. Я пытался изменить его содержание, но это не расширяет сам диалог.

Я также попробовал это решение: https://github.com/OfficeDev/office-ui-fabric-react/issues/5175 Но это не тренировки. Я попытался изменить функцию на это:

getStyles(): IDialogStyles {
        return {
            root: [{
                displayName: '@media (min-width: 480px)',
                selectors: 
                    {
                        maxWidth: '900px',
                        minWidth: '800px'
                }
            }]
        };
    }

Все еще не работает. Мб кто-нибудь сталкивался с такой же проблемой?

Answer 1

Похоже, что в этой конкретной версии Fabric Dialog все еще использовал Sass для стилизации (хотя интерфейс был обновлен с помощью getStyles).

https://github.com/OfficeDev/office-ui-fabric-react/blob/office-ui-fabric-react_v5.56.0/packages/office-ui-fabric-react/src/components/Dialog/Dialog.base.tsx#L11

Таким образом, вы можете использовать стили CSS-селекторов или попробовать обновить их до более новой версии Fabric.