diff --git a/packages/core/src/components/dialog/_multistep-dialog.scss b/packages/core/src/components/dialog/_multistep-dialog.scss index 527c7c81f21..d02f90556ed 100644 --- a/packages/core/src/components/dialog/_multistep-dialog.scss +++ b/packages/core/src/components/dialog/_multistep-dialog.scss @@ -7,8 +7,16 @@ @import "../../common/variables"; $dialog-border-radius: $pt-border-radius !default; +$multistep-dialog-min-width: 800px !default; $step-radius: $pt-border-radius !default; +// Defaults previously applied via inline styles. Moved to CSS so consumers can override +// without `!important`. Specificity is a single class, matching Dialog's own rules. +.#{$ns}-multistep-dialog { + min-width: $multistep-dialog-min-width; + padding-bottom: 0; +} + .#{$ns}-multistep-dialog-panels { display: flex; diff --git a/packages/core/src/components/dialog/multistepDialog.tsx b/packages/core/src/components/dialog/multistepDialog.tsx index 2dbbf5513e9..6cae90bf2d4 100644 --- a/packages/core/src/components/dialog/multistepDialog.tsx +++ b/packages/core/src/components/dialog/multistepDialog.tsx @@ -99,10 +99,6 @@ interface MultistepDialogState { selectedIndex: number; } -const PADDING_BOTTOM = 0; - -const MIN_WIDTH = 800; - /** * Multi-step dialog component. * @@ -130,13 +126,13 @@ export class MultistepDialog extends AbstractPureComponent
{this.renderLeftPanel()} @@ -156,10 +152,6 @@ export class MultistepDialog extends AbstractPureComponent