Merge issue-55-fe (Refs #55)

# Conflicts:
#	craft/src/styles/editor.css
This commit is contained in:
shadowdao committed 2026-10-07 12:09:09 -07:00
commit 0ac420a23c
17 files changed
+928 -9

No files matched your search

+31
View File
@@ -3187,3 +3187,34 @@ body {
}
.section-lib-empty { grid-column: 1 / -1; color: var(--color-text-muted); font-size: 13px; padding: 24px 0; text-align: center; }
.block-browse-sections { display: block; width: calc(100% - 16px); margin: 0 8px 8px; }
/* ---------- #55 media search, stock photos, focal point ---------- */
.asset-filter { display: flex; flex-direction: column; gap: 6px; }
.asset-filter-input { width: 100%; font-size: 11px; box-sizing: border-box; }
.asset-filter-chips { display: flex; gap: 4px; flex-wrap: wrap; }
.asset-filter-chip {
padding: 2px 8px; font-size: 10px; border-radius: 999px; cursor: pointer;
border: 1px solid var(--color-border); background: transparent; color: var(--color-text-muted);
}
.asset-filter-chip:hover { border-color: var(--color-text-muted); }
.asset-filter-chip.active { background: var(--color-accent); border-color: var(--color-accent); color: #fff; }
.asset-picker-tabs { display: flex; gap: 2px; margin-top: 8px; border-bottom: 1px solid var(--color-border); }
.asset-picker-tab {
flex: 1; padding: 5px 4px; font-size: 11px; cursor: pointer; background: transparent;
border: none; border-bottom: 2px solid transparent; color: var(--color-text-muted);
}
.asset-picker-tab.active { color: var(--color-text); border-bottom-color: var(--color-accent); }
.stock-tab { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.stock-grid { column-count: 2; column-gap: 4px; max-height: 240px; overflow-y: auto; }
.stock-thumb {
display: block; width: 100%; margin: 0 0 4px; padding: 0; break-inside: avoid; cursor: pointer;
border: 2px solid transparent; border-radius: 4px; overflow: hidden; background: var(--color-bg-base);
}
.stock-thumb.selected { border-color: var(--color-accent); }
.stock-thumb img { display: block; width: 100%; height: auto; }
.stock-credit, .stock-footer { font-size: 10px; color: var(--color-text-dim); }
.stock-credit a, .stock-footer a { color: inherit; text-decoration: underline; }
.stock-status { font-size: 11px; color: var(--color-text-dim); text-align: center; padding: 10px 0; }
.stock-status.error { color: var(--color-danger); }