From: jvitela <j.vitel@gmail.com>
Date: Fri, 6 Jul 2018 08:09:22 +0000 (+0300)
Subject: Fix modal positioning on Android.
X-Git-Tag: v4.2.0~126
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=731f95bded8ac6fbf31ea57986ea7587d9584178;p=thirdparty%2Fbootstrap.git

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.
---

diff --git a/scss/_modal.scss b/scss/_modal.scss
index fa76b0ea56..65b61d90c2 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