From faff807ba67404ccf822f5080a5b519a9a7e0703 Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Tue, 30 Apr 2019 09:20:00 +0200 Subject: Floating files header MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 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()); }, /** -- cgit v1.2.3 From 21d2d86b2f4f4dd16e48f0acb62092529e7f7039 Mon Sep 17 00:00:00 2001 From: Morris Jobke Date: Tue, 7 May 2019 23:58:19 +0200 Subject: Add support for Safari Signed-off-by: Morris Jobke --- apps/files/css/files.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index eb0e891e5c1..1ee59d0ab3d 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -67,6 +67,7 @@ #filestable { // floating header thead { + position: -webkit-sticky; position: sticky; // header + breadcrumbs top: $header-height + 44px; -- cgit v1.2.3