javascript - 无法更改 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'
                }
            }]
        };
    }

还是不行。Mb 有人遇到过同样的问题吗？

标签： javascriptreactjstypescriptoffice-ui-fabric

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。