Невозможно изменить стиль диалогового окна Office UI React, вер. 5.56.0

Я использую старую версию office-ui-fabric-react (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'
                }
            }]
        };
    }

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


person Anton Silverful    schedule 20.07.2018    source источник


Ответы (1)


Похоже, что в этой конкретной версии Fabric диалог по-прежнему использовал 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.

person Micah Godbolt    schedule 20.07.2018