From d0c113631fb303a9d523a2fde674b24c3effed00 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Tue, 22 Oct 2024 17:37:06 +0200
Subject: [PATCH] fix(PageList): Make header, landing page and trash sticky
 again

Fixes: #1523

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/PageList.vue           | 7 +++++--
 src/components/PageList/PageTrash.vue | 2 ++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/PageList.vue b/src/components/PageList.vue
index f8acc67d1..2ffe10de1 100644
--- a/src/components/PageList.vue
+++ b/src/components/PageList.vue
@@ -432,11 +432,14 @@ export default {
 
 .app-content-list {
 	// nextcloud-vue component sets `max-height: unset` on mobile.
-	// Overwrite this to fix stickyness of header and rootpage.
+	// Overwrite this to fix stickiness of header and rootpage.
 	max-height: 100%;
 }
 
 .page-list-headerbar {
+	position: sticky;
+	top: 0;
+	z-index: 2;
 	display: flex;
 	flex-direction: row;
 	gap: 2px;
@@ -479,7 +482,7 @@ li.toggle-button.selected {
 
 .page-list-root-page {
 	position: sticky;
-	top: 0;
+	top: var(--page-list-header-height);
 	z-index: 1;
 	background-color: var(--color-main-background);
 	margin-block-end: 8px;
diff --git a/src/components/PageList/PageTrash.vue b/src/components/PageList/PageTrash.vue
index 3831ab44e..d399bc07e 100644
--- a/src/components/PageList/PageTrash.vue
+++ b/src/components/PageList/PageTrash.vue
@@ -209,6 +209,8 @@ export default {
 @import '../../css/animation.scss';
 
 .page-trash {
+	position: sticky;
+	bottom: 0;
 	width: 100%;
 	margin-top: auto;
 	background-color: var(--color-main-background);