zyc/video-shuoshan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: v0.14.2 修复长提示词标签被挤出可视区域
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 2m16s
Details

Browse Source 
- 截断计算时预留mention标签的额外渲染宽度（每个约24px），防止标签被overflow:hidden裁掉

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
seaislee1209 2026-03-29 02:55:02 +08:00
parent 973a4f049d
commit b25d1f3e8c
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/GenerationCard.tsx
View File

@ -173,7 +173,10 @@ export function GenerationCard({ task, onOpenDetail }: Props) {
const style = getComputedStyle(container);
const font = `${style.fontSize} ${style.fontFamily}`;
const labelsWidth = labelsEl.offsetWidth + 8;
const totalAvailable = containerWidth * 2 - labelsWidth - 24;
// Account for mention tags (thumbnails) taking extra width vs plain text
const mentionCount = (task.assetMentions?.length || 0) + (task.references?.length || 0);
const mentionExtraWidth = mentionCount * 24; // ~24px extra per mention (thumbnail + padding)
const totalAvailable = containerWidth * 2 - labelsWidth - 24 - mentionExtraWidth;
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d')!;