From 2be323d19506c9efa7218cdd6fcd30901a006039 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Mon, 30 Jul 2018 12:02:45 +0200 Subject: [PATCH] Mobile scroll fixes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/apps.scss | 3 +-- core/css/mobile.scss | 6 ++++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/core/css/apps.scss b/core/css/apps.scss index e880c2a18d7..02603562c6f 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -589,7 +589,6 @@ kbd { display: flex; // padding is included in height padding-top: $header-height; - overflow-y: auto; min-height: 100%; } @@ -617,7 +616,7 @@ kbd { align-items: stretch; /* CONTENT DETAILS AFTER LIST*/ - .app-content-detail { + .app-content-details { /* grow full width */ flex-grow: 1; #app-navigation-toggle-back { diff --git a/core/css/mobile.scss b/core/css/mobile.scss index 13fa2eea9d2..6330be9d399 100644 --- a/core/css/mobile.scss +++ b/core/css/mobile.scss @@ -37,12 +37,14 @@ .app-content-list { background: var(--color-main-background); flex: 1 1 100%; - + .app-content-detail { + // make full height scroll since app-content-details is hidden + max-height: unset; + + .app-content-details { display: none; } &.showdetails { display: none; - + .app-content-detail { + + .app-content-details { display: initial; } }