From 9c6ab5362dade181b5cf8393eb7c5176aa557bdd Mon Sep 17 00:00:00 2001 From: jvitela Date: Fri, 6 Jul 2018 11:09:22 +0300 Subject: [PATCH] Fix modal positioning on Android. When the address bar is hidden, sometimes the visual position of the controls is out of sync with its logical position. --- scss/_modal.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/scss/_modal.scss b/scss/_modal.scss index fa76b0ea5649..65b61d90c297 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -18,11 +18,11 @@ .modal { position: fixed; top: 0; - right: 0; - bottom: 0; left: 0; z-index: $zindex-modal; display: none; + width: 100%; + height: 100%; overflow: hidden; // Prevent Chrome on Windows from adding a focus outline. For details, see // https://github.com/twbs/bootstrap/pull/10951. @@ -84,10 +84,10 @@ .modal-backdrop { position: fixed; top: 0; - right: 0; - bottom: 0; left: 0; z-index: $zindex-modal-backdrop; + width: 100vw; + height: 100vh; background-color: $modal-backdrop-bg; // Fade for backdrop