From: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Date: Tue, 30 Apr 2019 07:20:00 +0000 (+0200)
Subject: Floating files header
X-Git-Tag: v17.0.0beta1~462^2~1
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=faff807ba67404ccf822f5080a5b519a9a7e0703;p=nextcloud-server.git

Floating files header

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---

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());
 		},
 
 		/**