upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-04-15 22:11:17 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 26

fix(files): Ensure scrolled file list does not leak through file filters

Browse source 
1. when scrolling the file list should not be visible behind the filters
2. on mobile we need to remove the padding of the filters to ensure they are accessible

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2024-07-26 13:27:50 +02:00
parent 36130ace98
commit 7abaee813a
1 changed files with 11 additions and 1 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">