diff options
| author | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-07-26 13:27:50 +0200 |
|---|---|---|
| committer | Ferdinand Thiessen <opensource@fthiessen.de> | 2024-07-26 15:27:29 +0200 |
| commit | 7abaee813aaf1f40b8ef1ae7f4f3ffb0facb2b6f (patch) | |
| tree | ecc0956f5d3407ec8e018918de406a9fc9f4450b /apps/files/src/components/FilesListVirtual.vue | |
| parent | 36130ace984f6fa236bcb37787c4f3d2e9049f0f (diff) | |
| download | nextcloud-server-7abaee813aaf1f40b8ef1ae7f4f3ffb0facb2b6f.tar.gz nextcloud-server-7abaee813aaf1f40b8ef1ae7f4f3ffb0facb2b6f.zip | |
fix(files): Ensure scrolled file list does not leak through file filters
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>
Diffstat (limited to 'apps/files/src/components/FilesListVirtual.vue')
| -rw-r--r-- | apps/files/src/components/FilesListVirtual.vue | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue index 17de4b15b68..1b9475333ab 100644 --- a/apps/files/src/components/FilesListVirtual.vue +++ b/apps/files/src/components/FilesListVirtual.vue @@ -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"> |