Files
DemonGatanjieu-Anomalous_Mo…/web/styles/04-dialogs-materials.css
T
DemonGatanjieuandClaude Opus 5.5 f3517a986d Tidy: drop CSS no element can match any more
69 rules and 21 selectors in lists named plugin classes no script makes (old paper-note
cards, the old drawer header, the combo editor's old toolbar, icon buttons, tag colours…).
No behaviour or look changes.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-20 00:10:39 +08:00

118 lines
3.1 KiB
CSS

/* ========================================================================== */
/* Material Library Sidebar Mode (Docked) Proportions: Left Narrow, Right Wide*/
/* ========================================================================== */
#anomalous-container.anomalous-docked .anomalous-material-prompt-bar {
margin-bottom: 6px;
}
#anomalous-container.anomalous-docked .anomalous-material-mini-btn {
padding: 3px 8px;
font-size: 0.72rem;
white-space: nowrap;
flex-shrink: 0;
}
/* Ensure wide widgets (like long prompts) span full width in the node cards */
.anomalous-recipe-detail-node-widgets .anomalous-recipe-detail-parameter-row.is-wide {
grid-column: 1 / -1;
}
/* Reset native dialog styles for the full-screen gallery viewer */
dialog.anomalous-gallery-viewer {
border: none;
padding: 0;
margin: auto;
max-width: none;
max-height: none;
background: transparent;
}
dialog.anomalous-gallery-viewer::backdrop {
background: rgba(0, 0, 0, 0.95);
}
/* Workflow Recipes: the generated cover placeholder (the pages: 28-workflows.css, 29-workflow-detail.css). */
/* 默认封面占位图微光与材质渲染 (AI Abstract Art Blind Box) */
.anomalous-recipe-thumbnail.is-default-placeholder {
filter: brightness(0.92) contrast(1.08);
opacity: 0.95;
transition: filter 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}
/* 配方单行文本标签 (收拢至单行 Flex,溢出截断) */
.anomalous-recipe-tags {
display: flex;
align-items: center;
gap: 4px;
width: 100%;
overflow: hidden;
white-space: nowrap;
margin-top: 2px;
}
.anomalous-recipe-badge-tag {
display: inline-block;
max-width: 120px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.66rem;
padding: 2px 6px;
border-radius: 4px;
background: rgba(var(--amb-ink-rgb), 0.04);
border: 1px solid var(--amb-border);
color: var(--amb-text-muted);
cursor: pointer;
transition: all 0.15s ease;
flex-shrink: 0;
}
.anomalous-recipe-badge-tag:hover {
background: rgba(var(--amb-ink-rgb), 0.1);
color: var(--amb-text-main);
}
/* Metric Cards for Sampling Parameters */
.anomalous-recipe-lazy-expand-btn {
width: 100%;
margin-top: 10px;
padding: 9px;
border-radius: 8px;
background: rgba(var(--amb-ink-rgb), 0.05);
border: 1px solid var(--amb-border);
color: var(--amb-text-soft);
font-size: 0.82rem;
cursor: pointer;
transition: background 0.2s, border-color 0.2s;
}
.anomalous-recipe-lazy-expand-btn:hover {
background: rgba(var(--amb-ink-rgb), 0.09);
border-color: var(--amb-border-strong);
}
/* Metric Cards for Sampling Parameters */
.anomalous-recipe-lazy-expand-btn {
width: 100%;
margin-top: 10px;
padding: 9px;
border-radius: 8px;
background: rgba(var(--amb-ink-rgb), 0.05);
border: 1px solid var(--amb-border);
color: var(--amb-text-soft);
font-size: 0.82rem;
cursor: pointer;
transition: all 0.2s;
}
.anomalous-recipe-lazy-expand-btn:hover {
background: rgba(var(--amb-ink-rgb), 0.1);
color: var(--amb-text-main);
}