From e76f2a19e58cc46ea11585b44d136ef3f33a0209 Mon Sep 17 00:00:00 2001 From: Material Web Team Date: Thu, 13 Apr 2023 17:59:25 -0700 Subject: [PATCH] fix(dialog): fixes #4080: corrects dialog fullscreen height PiperOrigin-RevId: 524152880 --- dialog/lib/_dialog.scss | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/dialog/lib/_dialog.scss b/dialog/lib/_dialog.scss index a18dc686554..c4b914a6bd3 100644 --- a/dialog/lib/_dialog.scss +++ b/dialog/lib/_dialog.scss @@ -44,10 +44,10 @@ justify-content: center; box-sizing: border-box; inset: 0; - block-size: 100vh; - inline-size: 100vw; - max-block-size: 100vh; - max-inline-size: 100vw; + block-size: 100dvh; + inline-size: 100dvw; + max-block-size: 100dvh; + max-inline-size: 100dvw; border: none; background: transparent; padding: 0; @@ -77,8 +77,8 @@ position: absolute; z-index: -1; inset: 0; - block-size: 100vh; - inline-size: 100vw; + block-size: 100dvh; + inline-size: 100dvw; pointer-events: none; } @@ -320,8 +320,8 @@ } :host([showing-fullscreen]) .container { - block-size: 100vh; - inline-size: 100vw; + block-size: 100dvh; + inline-size: 100dvw; border-radius: 0px; padding-block-start: 0; padding-block-end: 0;