From 1f97bc2c33aa4b6947a693ca37324d833f44c2c8 Mon Sep 17 00:00:00 2001
From: ngfchl <ngfchl@users.noreply.github.com>
Date: Tue, 7 Jul 2026 09:01:22 +0800
Subject: [PATCH] style: truncate spam rule tags with tooltip

---
 web/static/index.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/static/index.html b/web/static/index.html
index e578cde..bec21c3 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -75,6 +75,8 @@
   .chat-item .user { font-weight: 700; color: #2563eb; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
   .chat-item .time { flex-shrink: 0; font-size: 11px; color: #9ca3af; white-space: nowrap; }
   .chat-item .text { font-size: 13px; color: #374151; line-height: 1.55; white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere; }
+  .reason-tag { display: inline-block; max-width: 100%; margin-top: 4px; }
+  .reason-tag .el-tag { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
 
   .log-window {
     flex: 1;
@@ -217,7 +219,9 @@
               </span>
             </div>
             <div class="text">{{ item.text }}</div>
-            <el-tag v-if="item.spam" size="mini" type="danger">垃圾：{{ item.reason || item.spam_reason }}</el-tag>
+            <el-tooltip v-if="item.spam" effect="dark" placement="top-start" :content="item.reason || item.spam_reason || ''">
+              <span class="reason-tag"><el-tag size="mini" type="danger">垃圾：{{ item.reason || item.spam_reason }}</el-tag></span>
+            </el-tooltip>
             <el-tag v-if="item.deleted" size="mini" type="info">已手动删除 · {{ formatTime(item.deleted_at) }}</el-tag>
           </div>
         </div>