Merge pull request #47207 from nextcloud/fix/sticky-nav-item

nextcloud · Aug 14, 2024 · 73c8891 · 73c8891
2 parents a503125 + 0c0ba5f
commit 73c8891
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/apps/files/src/views/Navigation.vue b/apps/files/src/views/Navigation.vue
@@ -10,7 +10,8 @@
 			<NcAppNavigationSearch v-model="searchQuery" :label="t('files', 'Filter filenames…')" />
 		</template>
 		<template #default>
-			<NcAppNavigationList :aria-label="t('files', 'Views')">
+			<NcAppNavigationList class="files-navigation__list"
+				:aria-label="t('files', 'Views')">
 				<FilesNavigationItem :views="viewMap" />
 			</NcAppNavigationList>
 
@@ -225,6 +226,10 @@ export default defineComponent({
 }
 
 .files-navigation {
+	&__list {
+		height: 100%; // Fill all available space for sticky views
+	}
+
 	:deep(.app-navigation__content > ul.app-navigation__list) {
 		will-change: scroll-position;
 	}

diff --git a/dist/files-main.js b/dist/files-main.js
diff --git a/dist/files-main.js.map b/dist/files-main.js.map