open-webui/Fu-Jie_openwebui-extensions
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use fixed dimensions to prevent title wrapping

Browse Source
This commit is contained in:
fujie
2026-01-07 07:31:13 +08:00
parent 63c5257162
commit 6eb09c3eaa
2 changed files with 8 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
plugins/actions/infographic/infographic.py
View File

@@ -981,20 +981,10 @@ class Action:
const defaultWidth = 1100; const defaultWidth = 1100;
const defaultHeight = 500; const defaultHeight = 500;
// Auto-detect chat container width for responsive sizing // Use fixed dimensions for consistent rendering (avoid title wrapping issues)
let svgWidth = defaultWidth; const svgWidth = defaultWidth;
let svgHeight = defaultHeight; const svgHeight = defaultHeight;
const chatContainer = document.getElementById('chat-container'); console.log("[Infographic Image] Using fixed dimensions:", svgWidth, "x", svgHeight);
if (chatContainer) {{
const containerWidth = chatContainer.clientWidth;
if (containerWidth > 100) {{
// Use container width with padding (80% of container, leaving more space on the right)
svgWidth = Math.floor(containerWidth * 0.8);
// Maintain aspect ratio based on default dimensions
svgHeight = Math.floor(svgWidth * (defaultHeight / defaultWidth));
console.log("[Infographic Image] Auto-detected container width:", containerWidth, "-> SVG:", svgWidth, "x", svgHeight);
}}
}}
console.log("[Infographic Image] Starting render..."); console.log("[Infographic Image] Starting render...");
console.log("[Infographic Image] chatId:", chatId, "messageId:", messageId); console.log("[Infographic Image] chatId:", chatId, "messageId:", messageId);

18
plugins/actions/infographic/infographic_cn.py
View File

@@ -1042,20 +1042,10 @@ class Action:
const defaultWidth = 1100; const defaultWidth = 1100;
const defaultHeight = 500; const defaultHeight = 500;
// 自动检测聊天容器宽度以实现响应式尺寸 // 使用固定尺寸以确保一致的渲染效果（避免标题换行问题）
let svgWidth = defaultWidth; const svgWidth = defaultWidth;
let svgHeight = defaultHeight; const svgHeight = defaultHeight;
const chatContainer = document.getElementById('chat-container'); console.log("[Infographic Image] 使用固定尺寸:", svgWidth, "x", svgHeight);
if (chatContainer) {{
const containerWidth = chatContainer.clientWidth;
if (containerWidth > 100) {{
// 使用容器宽度的 80%（右边留更多空间）
svgWidth = Math.floor(containerWidth * 0.8);
// 根据默认尺寸保持宽高比
svgHeight = Math.floor(svgWidth * (defaultHeight / defaultWidth));
console.log("[Infographic Image] 自动检测容器宽度:", containerWidth, "-> SVG:", svgWidth, "x", svgHeight);
}}
}}
console.log("[Infographic Image] 开始渲染..."); console.log("[Infographic Image] 开始渲染...");
console.log("[Infographic Image] chatId:", chatId, "messageId:", messageId); console.log("[Infographic Image] chatId:", chatId, "messageId:", messageId);