From 7e3c98d7debcd7b00dc9dbfc217b316a5ccf8650 Mon Sep 17 00:00:00 2001
From: Jannik Stehle <j.stehle@opencloud.eu>
Date: Mon, 13 Oct 2025 11:13:36 +0200
Subject: [PATCH] fix: rounded bottom corner on tile preview hover

---
 packages/web-app-files/src/views/spaces/Projects.vue |  3 +++
 .../src/components/FilesList/ResourceTile.vue        | 12 ++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/web-app-files/src/views/spaces/Projects.vue b/packages/web-app-files/src/views/spaces/Projects.vue
index 8c85c8caab..f32519a685 100644
--- a/packages/web-app-files/src/views/spaces/Projects.vue
+++ b/packages/web-app-files/src/views/spaces/Projects.vue
@@ -69,6 +69,9 @@
                 <img
                   v-else-if="resource.thumbnail"
                   class="tile-preview rounded-t-sm size-full"
+                  :class="{
+                    'rounded-sm': isResourceInSelection(resource)
+                  }"
                   :src="resource.thumbnail"
                   alt=""
                 />
diff --git a/packages/web-pkg/src/components/FilesList/ResourceTile.vue b/packages/web-pkg/src/components/FilesList/ResourceTile.vue
index bfc8177374..cdfbb0a781 100644
--- a/packages/web-pkg/src/components/FilesList/ResourceTile.vue
+++ b/packages/web-pkg/src/components/FilesList/ResourceTile.vue
@@ -55,8 +55,7 @@
               v-if="resource.thumbnail"
               class="tile-preview rounded-t-sm size-full object-cover aspect-[16/9] pointer-events-none"
               :class="{
-                'rounded-sm': isResourceSelected,
-                'hover:rounded-sm': !isResourceSelected
+                'rounded-sm': isResourceSelected
               }"
               :src="resource.thumbnail"
               :data-test-thumbnail-resource-name="resource.name"
@@ -221,6 +220,15 @@ if (!lazy) {
   emit('itemVisible')
 }
 </script>
+<style>
+@reference '@opencloud-eu/design-system/tailwind';
+
+@layer utilities {
+  .oc-tile-card-preview:hover img {
+    @apply rounded-sm;
+  }
+}
+</style>
 <style lang="scss">
 .oc-tile-card {
   // needs to be scss because of the linear-gradient