无法更改Office UI React Dialog版本的样式。 5.56.0

Question

我正在使用旧版本的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'
                }
            }]
        };
    }

仍然无效。有人遇到过麻烦吗？

Answer 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的较新版本。