diff options
| author | jvitela <[email protected]> | 2018-07-06 11:09:22 +0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2018-11-11 10:44:26 +0200 |
| commit | 731f95bded8ac6fbf31ea57986ea7587d9584178 (patch) | |
| tree | 55fb57fd7b31879120e583968c59f94fa39723a7 | |
| parent | bbe2b2349da27e50ac2fd23c13cc8d1794201607 (diff) | |
| download | bootstrap-731f95bded8ac6fbf31ea57986ea7587d9584178.tar.xz bootstrap-731f95bded8ac6fbf31ea57986ea7587d9584178.zip | |
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.
| -rw-r--r-- | scss/_modal.scss | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index fa76b0ea5..65b61d90c 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 |