fix(files): Display selected files count

Signed-off-by: Christopher Ng <chrng8@gmail.com>
nextcloud · Apr 17, 2024 · a999544 · a999544
1 parent b4004a2
commit a999544
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
@@ -34,6 +34,7 @@
 		:scroll-to-index="scrollToIndex"
 		:caption="caption">
 		<template v-if="!isNoneSelected" #header-overlay>
+			<span class="files-list__selected">{{ t('files', '{count} selected', { count: selectedNodes.length }) }}</span>
 			<FilesListTableHeaderActions :current-view="currentView"
 				:selected-nodes="selectedNodes" />
 		</template>
@@ -357,6 +358,11 @@ export default defineComponent({
 			flex-direction: column;
 		}
 
+		.files-list__selected {
+			padding-right: 12px;
+			white-space: nowrap;
+		}
+
 		.files-list__table {
 			display: block;