From cce34c591eef9e812b259964d1971945dbb89766 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <opensource@fthiessen.de>
Date: Mon, 11 Nov 2024 19:56:07 +0100
Subject: [PATCH] fix(files): Revert CSS causing the file name to have no
 bounding box

Instead add the direction only to the filename wrapper not the button.

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
---
 apps/files/src/components/FileEntry/FileEntryName.vue | 5 ++---
 apps/files/src/components/FilesListVirtual.vue        | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/files/src/components/FileEntry/FileEntryName.vue b/apps/files/src/components/FileEntry/FileEntryName.vue
index 5236af0cfad..34092a54201 100644
--- a/apps/files/src/components/FileEntry/FileEntryName.vue
+++ b/apps/files/src/components/FileEntry/FileEntryName.vue
@@ -26,10 +26,9 @@
 		:aria-hidden="isRenaming"
 		class="files-list__row-name-link"
 		data-cy-files-list-row-name-link
-		v-bind="linkTo.params"
-		dir="auto">
+		v-bind="linkTo.params">
 		<!-- Filename -->
-		<span class="files-list__row-name-text">
+		<span class="files-list__row-name-text" dir="auto">
 			<!-- Keep the filename stuck to the extension to avoid whitespace rendering issues-->
 			<span class="files-list__row-name-" v-text="basename" />
 			<span class="files-list__row-name-ext" v-text="extension" />
diff --git a/apps/files/src/components/FilesListVirtual.vue b/apps/files/src/components/FilesListVirtual.vue
index 2a192d79bde..95bd0f6c571 100644
--- a/apps/files/src/components/FilesListVirtual.vue
+++ b/apps/files/src/components/FilesListVirtual.vue
@@ -641,7 +641,7 @@ export default defineComponent({
 			flex: 1 1 auto;
 
 			button.files-list__row-name-link {
-				display: contents;
+				display: flex;
 				align-items: center;
 				text-align: start;
 				// Fill cell height and width
-- 
2.39.5