upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-13 21:17:20 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

Merge pull request #46782 from nextcloud/fix/file-filters-design

Browse source 
fix(files): Ensure scrolled file list does not leak through file filters
This commit is contained in:
Ferdinand Thiessen 2024-07-26 16:02:38 +02:00 committed by GitHub
commit 7eacd8b443
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
apps/files/src/components/FilesListVirtual.vue
View file

@ -374,8 +374,10 @@ export default defineComponent({
// Pinned on top when scrolling above table header
position: sticky;
top: 0;
// fix size and background
// ensure there is a background to hide the file list on scroll
background-color: var(--color-main-background);
z-index: 10;
// fixed the size
padding-inline: var(--row-height) var(--default-grid-baseline, 4px);
height: var(--fixed-top-position);
width: 100%;
@ -698,6 +700,14 @@ export default defineComponent({
}
}
}
@media screen and (max-width: 512px) {
.files-list :deep(.files-list__filters) {
// Reduce padding on mobile
padding-inline: var(--default-grid-baseline, 4px);
}
}
</style>
<style lang="scss">

4
dist/files-main.js vendored
View file

File diff suppressed because one or more lines are too long

2
dist/files-main.js.map vendored
View file

File diff suppressed because one or more lines are too long