From fad0f832ab1a0eb4e9baecc0a653a648483f23b6 Mon Sep 17 00:00:00 2001
From: Tienson Qin <tiensonqin@gmail.com>
Date: Fri, 30 Aug 2024 08:52:16 +0800
Subject: [PATCH] fix: limit tags length

---
 src/main/frontend/components/block.cljs | 11 +++++------
 src/main/frontend/components/block.css  | 10 ++++++++++
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/main/frontend/components/block.cljs b/src/main/frontend/components/block.cljs
index da1735453..9c96dbdb3 100644
--- a/src/main/frontend/components/block.cljs
+++ b/src/main/frontend/components/block.cljs
@@ -2390,14 +2390,13 @@
                        (remove (fn [t] (= (:db/ident t) :logseq.class/Task)) tags')
                        tags')]
       (when (seq block-tags)
-        [:div.block-tags.flex.flex-row.flex-wrap.items-center.gap-1
+        [:div.block-tags
          (for [tag block-tags]
-           [:span.h-6
-            (rum/with-key
-              (page-cp (assoc config
+           [:div.block-tag
+            {:key (str "tag-" (:db/id tag))}
+            (page-cp (assoc config
                               :tag? true
-                              :disable-preview? true) tag)
-              (str "tag-" (:db/id tag)))])]))))
+                              :disable-preview? true) tag)])]))))
 
 (rum/defc block-positioned-properties
   [config block position]
diff --git a/src/main/frontend/components/block.css b/src/main/frontend/components/block.css
index b6946cec8..f136323aa 100644
--- a/src/main/frontend/components/block.css
+++ b/src/main/frontend/components/block.css
@@ -863,3 +863,13 @@ html.is-mac {
     text-overflow: ellipsis;
   }
 }
+
+.block-tags {
+    @apply flex flex-row flex-wrap items-center gap-1;
+    max-width: 256px;
+}
+.block-tag span {
+    @apply h-6 whitespace-nowrap overflow-hidden;
+    max-width: 160px;
+    text-overflow: ellipsis;
+}