From e3d1353dc64cac14fd474939c30fdb4bc7c0f700 Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Fri, 27 Jul 2018 18:40:41 +0200 Subject: App-content list fixes for new layout 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 | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'core') diff --git a/core/css/apps.scss b/core/css/apps.scss index 0c3230a684b..358498841e1 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -613,14 +613,7 @@ kbd { #app-content-wrapper { display: flex; position: relative; - align-items: start; - .app-content-list, - .app-content-detail { - min-height: calc(100vh - #{$header-height}); - max-height: calc(100vh - #{$header-height}); - overflow-x: hidden; - overflow-y: auto; - } + align-items: stretch; /* CONTENT DETAILS AFTER LIST*/ .app-content-detail { @@ -1043,10 +1036,17 @@ $popovericon-size: 16px; /* CONTENT LIST ------------------------------------------------------------ */ .app-content-list { width: 300px; + position: sticky; + top: $header-height; border-right: 1px solid var(--color-border); display: flex; flex-direction: column; transition: transform 250ms ease-in-out; + min-height: calc(100vh - #{$header-height}); + max-height: calc(100vh - #{$header-height}); + overflow-y: auto; + overflow-x: hidden; + flex: 0 0 300px; /* Default item */ .app-content-list-item { -- cgit v1.2.3