Skip to content

Commit 3278e3f

Browse files
committed
fixup! fix(material/dialog): css structure change
1 parent eedd765 commit 3278e3f

File tree

2 files changed

+3
-6
lines changed

2 files changed

+3
-6
lines changed

src/material/dialog/_mdc-dialog-structure-overrides.scss

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -46,16 +46,13 @@
4646

4747
// When a component is passed into the dialog, the host element interrupts
4848
// the `display:flex` from affecting the dialog title, content, and
49-
// actions. To fix this, we make the component host `display: flex` by
49+
// actions. To fix this, we make the component host `display: contents` by
5050
// marking its host with the `mat-mdc-dialog-component-host` class.
5151
//
5252
// Note that this problem does not exist when a template ref is used since
5353
// the title, contents, and actions are then nested directly under the
5454
// dialog surface.
5555
.mat-mdc-dialog-component-host {
56-
display: flex;
57-
flex-direction: column;
58-
width: 100%;
59-
height: 100%;
56+
display: contents;
6057
}
6158
}

src/material/dialog/dialog-container.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -329,7 +329,7 @@ export class MatDialogContainer extends _MatDialogContainerBase implements OnDes
329329
override attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T> {
330330
// When a component is passed into the dialog, the host element interrupts
331331
// the `display:flex` from affecting the dialog title, content, and
332-
// actions. To fix this, we make the component host `display: flex` by
332+
// actions. To fix this, we make the component host `display: contents` by
333333
// marking its host with the `mat-mdc-dialog-component-host` class.
334334
//
335335
// Note that this problem does not exist when a template ref is used since

0 commit comments

Comments
 (0)