fix(PageList): Make header, landing page and trash sticky again

Fixes: #1523 Signed-off-by: Jonas <jonas@freesources.org>
nextcloud · Oct 22, 2024 · cbf080a · cbf080a
1 parent 8031d84
commit cbf080a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/PageList.vue b/src/components/PageList.vue
@@ -432,7 +432,7 @@ 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%;
 }
 
@@ -471,6 +471,7 @@ li.toggle-button.selected {
 }
 
 .page-list {
+	overflow-y: auto;
 	display: flex;
 	flex-direction: column;
 	flex-grow: 1;
@@ -497,7 +498,7 @@ li.toggle-button.selected {
 
 	position: sticky;
 	// landing page + 8px margin-bottom
-	top: calc(var(--landing-page-height));
+	top: var(--landing-page-height);
 	z-index: 1;
 	background-color: var(--color-main-background);
 	border-bottom: 4px solid var(--color-main-background);

diff --git 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);