From 466351b23a30fb19883d4899810f77c7c7387b5b Mon Sep 17 00:00:00 2001
From: Will Miao <willmiao.dev@gmail.com>
Date: Sun, 15 Feb 2026 19:14:42 +0800
Subject: [PATCH] fix: display long LoRA filenames in multiple lines in preview
 tooltip

Previously, long LoRA filenames were truncated from the right with ellipsis,
which hid important checkpoint step numbers (e.g., -00800, -01000) that users
need to distinguish between different training checkpoints.

Changes:
- Replace single-line truncation with multi-line display (max 3 lines)
- Add line-height and word-break properties for better readability
- Use -webkit-line-clamp to gracefully handle extremely long names

This ensures the step number suffix is always visible in the tooltip.
---
 web/comfyui/lm_styles.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/comfyui/lm_styles.css b/web/comfyui/lm_styles.css
index 52ef8170..3d936e7b 100644
--- a/web/comfyui/lm_styles.css
+++ b/web/comfyui/lm_styles.css
@@ -35,12 +35,16 @@
   font-size: 13px;
   font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
   background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
   text-align: center;
   backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);
+  line-height: 1.4;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 .lm-tooltip__license-overlay {