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

iamzhouyi picture iamzhouyi  路  3Comments

FranBran picture FranBran  路  3Comments

revskill10 picture revskill10  路  3Comments

TimoRuetten picture TimoRuetten  路  3Comments

ryanflorence picture ryanflorence  路  3Comments