UX: Fix modal positioning when iOS keyboard is visible

2020-05-06 23:05:47 -04:00 · 2020-05-06 23:05:47 -04:00 · 423802fbce
parent 33c8adda83
commit 423802fbce
1 changed files with 7 additions and 0 deletions
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@ -141,6 +141,13 @@
  z-index: z("modal", "content");
  overflow: auto;

+  .keyboard-visible & {
+    height: calc(var(--composer-vh, 1vh) * 100);
+    .modal-inner-container {
+      max-height: 100%;
+    }
+  }
+
  &:not(.history-modal) {
    .modal-body:not(.reorder-categories):not(.poll-ui-builder) {
      max-height: 80vh !important;