From faff807ba67404ccf822f5080a5b519a9a7e0703 Mon Sep 17 00:00:00 2001 From: =?utf8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Tue, 30 Apr 2019 09:20:00 +0200 Subject: [PATCH] Floating files header MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- apps/files/css/files.scss | 16 ++++++++++++++++ apps/files/js/filelist.js | 2 -- 2 files changed, 16 insertions(+), 2 deletions(-) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index a5e28ff38da..eb0e891e5c1 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -55,12 +55,28 @@ position: relative; width: 100%; min-width: 250px; + display: flex; + flex-direction: column; // hide table if emptycontent is not hidden #emptycontent:not(.hidden) ~ & { display: none; } } +@media only screen and (min-width: $breakpoint-mobile + 1) { + #filestable { + // floating header + thead { + position: sticky; + // header + breadcrumbs + top: $header-height + 44px; + z-index: 1000; + display: block; + background-color: var(--color-main-background-translucent); + } + } +} + /* fit app list view heights */ .app-files #app-content>.viewcontainer { min-height: 0%; diff --git a/apps/files/js/filelist.js b/apps/files/js/filelist.js index 44c4c5abec9..c887c6bea5f 100644 --- a/apps/files/js/filelist.js +++ b/apps/files/js/filelist.js @@ -652,8 +652,6 @@ }); this.breadcrumb._resize(); - - this.$table.find('>thead').width($('#app-content').width() - OC.Util.getScrollBarWidth()); }, /** -- 2.39.5