Skip to content

How can I make a dialog take up most of the window? #5375

Closed Answered by asyncLiz
treeder asked this question in Q&A
Discussion options

You must be logged in to vote

You can use margin to customize where the dialog is positioned. You may also need to unset max-width and max-height if you want the dialog to be able to expand larger than those default limits.

md-dialog.fullscreen {
  margin: 0;
  width: 100vw;
  height: 100vh;
  max-width: unset;
  max-height: unset;
  --md-dialog-container-shape: 0;
}

Replies: 2 comments

Comment options

You must be logged in to vote
0 replies
Answer selected by treeder
Comment options

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
2 participants