You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The design spec changed the padding for the dialog-action (8px padding instead of 24px).
The action-padding (or action button alignment) can be overwritten in global styles easily,to fit the projects needs - e.g. :
.mat-mdc-dialog-actions {
justify-content: center !important;
}
However @zijianhuang has a point: the dialog content does not match the material design spec, because the inner div boxing size is not correct (exceeding to the right, not matching the material design padding right), at least for mat-form-fields without additional wrapper divs or styling:
The MDC based dialog follows the material spec as pointed out by @geromegrignon. So I'll be closing this issue.
@RobinKamps thanks for pointing out that example! The width was set to 250px in the demo, the default width does not cut off the form-field. I removed it in #26157.
Is this a regression?
The previous version in which this bug was not present was
14,13,12
Description
The margins of content are too narrow to the borders. I have tried 4 prebuilt themes, the results are the same.
Reproduction
Steps to reproduce:
Expected Behavior
go to https://material.angular.io/components/dialog/overview then switch to v14, v13 etc.
Actual Behavior
Ugly dialog with too narrow margins of content to the borders.
Environment
The text was updated successfully, but these errors were encountered: