Fixes #2261

Don't use 100vh, it doesn't work properly on mobile

Fixes #2261
Don't use 100vh, it doesn't work properly on mobile
31a05f11 · JC Brand · 07f2f285 · 31a05f11 · 31a05f11 · 31a05f11
Commit 31a05f11 authored Oct 02, 2020 by JC Brand
Show whitespace changes
Inline Side-by-side

Showing with 7 additions and 7 deletions

sass/_chatbox.scss sass/_chatbox.scss +3 -3

sass/_chatrooms.scss sass/_chatrooms.scss +2 -2

sass/_controlbox.scss sass/_controlbox.scss +2 -2

No files found.
--- a/sass/_chatbox.scss
+++ b/sass/_chatbox.scss
@@ -150,12 +150,12 @@
            @media screen and (max-height: $mobile-landscape-height) {
                height: var(--mobile-chat-height);
                width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
            }
            @media screen and (max-width: $mobile-portrait-length) {
                height: var(--mobile-chat-height);
                width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
            }
        }
        .chat-title {
@@ -605,7 +605,7 @@
                .box-flyout {
                    left: 50px;
                    bottom: 0;
-                    height: 100vh;
+                    height: var(--fullpage-chat-height);
                    box-shadow: none;
                }
            }

--- a/sass/_chatrooms.scss
+++ b/sass/_chatrooms.scss
@@ -124,12 +124,12 @@
            @media screen and (max-height: $mobile-landscape-height) {
                height: var(--mobile-chat-height);
                width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
            }
            @media screen and (max-width: $mobile-portrait-length) {
                height: var(--mobile-chat-height);
                width: var(--mobile-chat-width);
-                height: 100vh;
+                height: var(--fullpage-chat-height);
            }
            .chatroom-body {
                flex-direction: row;

--- a/sass/_controlbox.scss
+++ b/sass/_controlbox.scss
@@ -593,7 +593,7 @@
                    bottom: 0;
                    border-radius: 0;
                    width: 100vw !important;
-                    height: 100vh !important;
+                    height: var(--fullpage-chat-height);
                }
            }
@@ -601,7 +601,7 @@
                width: 100vw !important;
                .box-flyout {
                    width: 100vw !important;
-                    height: 100vh !important;
+                    height: var(--fullpage-chat-height);
                    margin-right: -15px;
                }
                .sidebar {