diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-07-27 18:40:41 +0200 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-07-27 18:45:33 +0200 |
commit | e3d1353dc64cac14fd474939c30fdb4bc7c0f700 (patch) | |
tree | d970f5d7eae6667dcdc8becce0c419fcebee3000 | |
parent | 09f80df011a8f29007bfde12a8663686972d2cfb (diff) | |
download | nextcloud-server-e3d1353dc64cac14fd474939c30fdb4bc7c0f700.tar.gz nextcloud-server-e3d1353dc64cac14fd474939c30fdb4bc7c0f700.zip |
App-content list fixes for new layout
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
-rw-r--r-- | core/css/apps.scss | 16 |
1 files changed, 8 insertions, 8 deletions
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 { |