mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #15302 from nextcloud/enhancement/files/table-head-sticky 

Floating files header
This commit is contained in:
Morris Jobke 2019-05-07 23:59:51 +02:00 committed by GitHub
parent 8fadc82bd1 21d2d86b2f
commit aa47358812
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
apps/files/css/files.scss
View File

@ -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%;

2
apps/files/js/filelist.js
View File

@ -652,8 +652,6 @@
});
this.breadcrumb._resize();
this.$table.find('>thead').width($('#app-content').width() - OC.Util.getScrollBarWidth());
},
/**