diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2019-05-07 23:59:51 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-05-07 23:59:51 +0200 |
| commit | aa47358812a06f4d57e39938afdc8b2220d5067a (patch) | |
| tree | e98bf3ff1f54ff264c8b3dfe3ebb10e4804bcbe3 /apps | |
| parent | 8fadc82bd18b3a2724126df337726755f433c768 (diff) | |
| parent | 21d2d86b2f4f4dd16e48f0acb62092529e7f7039 (diff) | |
| download | nextcloud-server-aa47358812a06f4d57e39938afdc8b2220d5067a.tar.gz nextcloud-server-aa47358812a06f4d57e39938afdc8b2220d5067a.zip | |
Merge pull request #15302 from nextcloud/enhancement/files/table-head-sticky
Floating files header
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files/css/files.scss | 17 | ||||
| -rw-r--r-- | apps/files/js/filelist.js | 2 |
2 files changed, 17 insertions, 2 deletions
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index a5e28ff38da..1ee59d0ab3d 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -55,12 +55,29 @@ 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: -webkit-sticky; + 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 ea4ea6e1956..99e7abb5584 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()); }, /** |