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>

diff --git a/apps/files/src/components/FileEntry/FileEntryName.vue b/apps/files/src/components/FileEntry/FileEntryName.vue
index 5236af0cfadf7b4466a566a909cf59cc2766cee6..34092a542012d28c55650e9a31c073bdd75d61c6 100644 (file)
--- 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 2a192d79bdede78ff526886189abb5284c1de46d..95bd0f6c5719c9bf088c9007dc046c8b4f0c7ce4 100644 (file)
--- 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