Material-ui: Can't override Dialog container padding.

Created on 17 Mar 2017  路  3Comments  路  Source: mui-org/material-ui

How to override paddingTop which is at least '16px' inDialog? I'm looking to have the Dialog be full screen but the Padding is enforce to be 16 in the code. See the line:

https://github.com/callemall/material-ui/search?utf8=%E2%9C%93&q=minPaddingTop

Dialog

All 3 comments

Full screen dialogs are supported on the next branch: https://material-ui-1dab0.firebaseapp.com/#/component-demos/dialogs. As master is in maintenance, we're unlikely to add support for it there, sorry.

@mbrookes thanks for the quick feedback. I actually found that this enforce only occurs if this conditions holds repositionOnUpdate || !container.style.paddingTop

https://github.com/callemall/material-ui/blob/cd1c784d81b0ae85cc2899c7dc4009a035375897/src/Dialog/Dialog.js#L218

This worked for me bodyStyle={{ padding: 0}}.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

FranBran picture FranBran  路  3Comments

pola88 picture pola88  路  3Comments

revskill10 picture revskill10  路  3Comments

ghost picture ghost  路  3Comments

finaiized picture finaiized  路  3Comments