kantarci/KantSites
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 81 Wiki Activity

Pick images, pages, forms, sections and terms instead of typing ids and addresses

Browse Source 
The share image and featured image of a page become image fields with the library dialog,
as do image settings of plugins. The editor offers forms, sections, categories and tags as
lists, a page search next to every link target and in text links, the redirect target has a
page search, and the form editor picks the reply field, the condition and the option images.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
kantarciandClaude Opus 5 committed 2026-09-22 09:35:05 +02:00
1 parent 31fb53c1fc
commit 711af312af
19 files changed
+446 -43
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/assets/admin.css
+15 -2
View File
@@ -898,8 +898,14 @@ details.card > summary:hover { background: #fafbf8 }
.field-card-condition .field-help { grid-column: 1 / -1 }
.field-card-images { grid-column: 1 / -1 }
.field-image-pickers { display: grid; gap: 6px; margin-top: 6px }
.field-image-picker { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 10px; align-items: center; font-size: 13px }
.field-image-picker select { margin: 0 }
.field-image-picker { display: grid; grid-template-columns: minmax(0, 1fr) 64px minmax(0, 1fr) auto auto; gap: 10px; align-items: center; font-size: 13px }
.field-image-picker-thumb { width: 64px; height: 48px; object-fit: cover; border-radius: 6px; background: #eef1eb }
.field-image-picker-thumb[hidden] { display: block; visibility: hidden }
.field-image-picker-name { color: var(--muted); overflow-wrap: anywhere; min-width: 0 }
@media (max-width: 767px) { .field-image-picker { grid-template-columns: 64px minmax(0, 1fr); } .field-image-picker-option { grid-column: 1 / -1; font-weight: 650 } }
.field-condition-picker { display: grid; gap: 6px; grid-column: 1 / -1 }
.field-condition-values { border: 0; padding: 0; margin: 4px 0 0; display: flex; flex-wrap: wrap; gap: 4px 16px }
.field-condition-values legend { font-size: 13px; font-weight: 650; margin-bottom: 4px; padding: 0 }
.form-preview-empty { margin: 0; font-size: 13px }
.form-preview + .contrast-note { margin-top: 10px }
.form-preview .cms-button { justify-self: start; pointer-events: none }
@@ -977,3 +983,10 @@ details.card > summary:hover { background: #fafbf8 }
@media (max-width: 1000px) { .type-layout { grid-template-columns: 1fr } }
/* Ein Dokument in der Mediathek: drei Buchstaben statt eines Zeichens. */
.row-icon-text { font-size: 11px; font-weight: 700; letter-spacing: .04em }
/* Ein Bild der Mediathek als Formularfeld: Vorschau, Name, Wählen und Entfernen. */
.media-field-label { display: block; font-weight: 650; font-size: 13px; margin-bottom: 6px }
.media-field { min-width: 0 }
.media-field-current { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 6px; border: 1px solid var(--line); border-radius: 9px; background: #fff }
.media-field-thumb { width: 96px; height: 64px; object-fit: cover; border-radius: 6px; flex-shrink: 0; background: #eef1eb }
.media-field-name { font-size: 13px; color: var(--muted); overflow-wrap: anywhere; min-width: 0 }
.media-field-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px }