'How to override The top of the fluentui-react Dialog control

I notice that the fluentui-react Dialog control is always showing in the middle of the visible window which is fine in most cases. I have a reequipment to place it at top:10px; I tried modalPropsStyles = { main: { maxWidth: '45%' ,top: '10px' } };

and containerClassName: 'ms-dialogMainOverride', with class doing top: '10px'

But nothing works.

Is there something else I should do? Thanks

fluentui-react


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions