From fc537dff627206c52685fe87965c69f3b115ef0e Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Tue, 11 Apr 2023 19:23:38 +0100
Subject: [PATCH] Feature/8645 - Show tooltip for longs tags in ResourceTable

---
 changelog/unreleased/enhancement-tags-support          |  2 ++
 .../src/components/FilesList/ResourceTable.vue         | 10 +++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/changelog/unreleased/enhancement-tags-support b/changelog/unreleased/enhancement-tags-support
index 90e69bcc4e4..bfe8f11c398 100644
--- a/changelog/unreleased/enhancement-tags-support
+++ b/changelog/unreleased/enhancement-tags-support
@@ -11,9 +11,11 @@ https://github.com/owncloud/web/pull/8157
 https://github.com/owncloud/web/pull/8309
 https://github.com/owncloud/web/pull/8405
 https://github.com/owncloud/web/pull/8502
+https://github.com/owncloud/web/pull/8794
 https://github.com/owncloud/web/issues/7134
 https://github.com/owncloud/web/issues/8149
 https://github.com/owncloud/web/issues/8220
 https://github.com/owncloud/web/issues/8253
 https://github.com/owncloud/web/issues/8254
 https://github.com/owncloud/web/issues/8390
+https://github.com/owncloud/web/issues/8645
diff --git a/packages/web-app-files/src/components/FilesList/ResourceTable.vue b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
index e72e00f0651..c72c58a3243 100644
--- a/packages/web-app-files/src/components/FilesList/ResourceTable.vue
+++ b/packages/web-app-files/src/components/FilesList/ResourceTable.vue
@@ -93,7 +93,12 @@
         v-bind="getTagComponentAttrs(tag)"
         class="resource-table-tag-wrapper"
       >
-        <oc-tag class="resource-table-tag oc-ml-xs" :rounded="true" size="small">
+        <oc-tag
+          v-oc-tooltip="getTagToolTip(tag)"
+          class="resource-table-tag oc-ml-xs"
+          :rounded="true"
+          size="small"
+        >
           <oc-icon name="price-tag-3" size="small" />
           <span class="oc-text-truncate">{{ tag }}</span>
         </oc-tag>
@@ -420,7 +425,10 @@ export default defineComponent({
     const { actions: renameActions } = useFileActionsRename()
     const renameHandler = computed(() => unref(renameActions)[0].handler)
 
+    const getTagToolTip = (text: string) => (text.length > 7 ? text : '')
+
     return {
+      getTagToolTip,
       renameActions,
       renameHandler,
       resourceRouteResolver,