Skip to content

Commit da9cb71

Browse files
authored
fix(material/dialog): updates dialog max-height in landscape (angular#29853)
* fix(material/dialog): updates dialog max-height in landscape Updates Angular Component Dialog component to have a max-height of 95vh which gives it a calculable height for its contents to adjust on smaller screens or in landscape mode so that the action buttons are able to be accessed by scrolling rather than the dialog window cutting them off. Fixes b/323588333 * refactor(material/dialog): reverted max-height to inherit Updates previous fix to revert max-height back to inherit. Fixes b/323588333
1 parent 4869909 commit da9cb71

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/material/dialog/dialog.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,11 @@ $mat-dialog-content-max-height: 65vh !default;
1111
// don't expose this value as variable.
1212
$mat-dialog-button-horizontal-margin: 8px !default;
1313

14+
// Dialog container max height. This has been given a default value so the
15+
// flex-children can be calculated and not overflow on smaller screens.
16+
// Fixes b/323588333
17+
$mat-dialog-container-max-height: 95vh !default;
18+
1419
// Whether to emit fallback values for the structural styles. Previously MDC was emitting
1520
// paddings in the static styles which meant that users would get them even if they didn't
1621
// include the `dialog-base`. Eventually we should clean up the usages of this flag.

0 commit comments

Comments
 (0)