nodes/AEmotionStudio-ComfyUI-MagnifyGlass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: Improve popout viewer node property layout and readability, and update cache version.

Browse Source
This commit is contained in:
AEmotionStudio
2026-01-05 23:51:49 -08:00
parent d13fb7de56
commit b533136469
4 changed files with 16 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/magnify-glass/PopOutManager.ts
+1 -1
View File
@@ -101,7 +101,7 @@ export class PopOutManager {
*/
private getViewerUrl(): string {
// Cache-busting version - increment to force refresh
const version = 'v22';
const version = 'v23';
// Find the extension's base URL from the loaded scripts
const scripts = document.querySelectorAll('script[src*="magnify"]');
web/magnify-glass/PopOutManager.js
+1 -1
View File
@@ -28,7 +28,7 @@ class PopOutManager {
* Get the URL for the pop-out viewer page.
*/
getViewerUrl() {
const version = "v22";
const version = "v23";
const scripts = document.querySelectorAll('script[src*="magnify"]');
Logger.debug(`[PopOut] Found ${scripts.length} magnify scripts`);
if (scripts.length > 0) {
web/magnify-glass/PopOutManager.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
web/popout-viewer.html
+13 -22
View File
@@ -1227,25 +1227,19 @@
return `
<div style="
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 10px;
padding: 10px 12px;
background: var(--bg-secondary);
border-radius: 6px;
margin-bottom: 4px;
margin-bottom: 6px;
border: 1px solid var(--border-subtle);
transition: all 0.15s ease;
" onmouseover="this.style.background='var(--bg-tertiary)'; this.style.borderColor='var(--border-default)'"
onmouseout="this.style.background='var(--bg-secondary)'; this.style.borderColor='var(--border-subtle)'">
<div style="display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0;">
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: ${value ? '6px' : '0'};">
<span style="
font-size: 11px;
font-weight: 500;
font-size: 12px;
font-weight: 600;
color: var(--text-primary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
">${name}</span>
${type ? `<span style="
font-size: 9px;
@@ -1256,23 +1250,20 @@
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.3px;
flex-shrink: 0;
">${type}</span>` : ''}
</div>
${value ? `<span style="
${value ? `<div style="
font-size: 11px;
color: var(--accent-blue);
font-weight: 500;
background: var(--accent-blue)11;
padding: 2px 8px;
background: var(--bg-tertiary);
padding: 6px 10px;
border-radius: 4px;
margin-left: 8px;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 0;
">${value}</span>` : ''}
word-break: break-word;
white-space: pre-wrap;
font-family: 'Monaco', 'Menlo', 'Consolas', monospace;
line-height: 1.4;
">${value}</div>` : ''}
</div>`;
}).join('');