From 4a13ff2541517c8c2772bcb1e97f723cdd8c44ec Mon Sep 17 00:00:00 2001
From: Aris Plakias <aris.plakias@gmail.com>
Date: Thu, 13 Jul 2017 21:18:00 +0300
Subject: [PATCH] Fix media queries panel height calculations (#1467)

---
 components/layout/theme.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/layout/theme.css b/components/layout/theme.css
index 33a36b0c..db483ac7 100644
--- a/components/layout/theme.css
+++ b/components/layout/theme.css
@@ -70,19 +70,23 @@
   }
 
   & .panel {
+    height: calc(100vh - var(--appbar-height));
+    max-height: calc(100vh - var(--appbar-height));
     top: var(--appbar-height);
 
     &:not(.bodyScroll) {
-      height: calc(100vh - var(--appbar-height));
-      max-height: calc(100vh - var(--appbar-height));
       overflow-y: scroll;
     }
 
     @media screen and (--xxs-viewport) and (--portrait) {
+      height: calc(100vh - var(--appbar-height-m-portrait));
+      max-height: calc(100vh - var(--appbar-height-m-portrait));
       top: var(--appbar-height-m-portrait);
     }
 
     @media screen and (--xs-viewport) and (--landscape) {
+      height: calc(100vh - var(--appbar-height-m-landscape));
+      max-height: calc(100vh - var(--appbar-height-m-landscape));
       top: var(--appbar-height-m-landscape);
     }
   }