ferdi2go/Pigmento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Hierarchien für Farbschemata via Drag & Drop

Browse Source 
Schematas können per Drag & Drop als Unterkategorien anderer Schematas
organisiert werden. Kinder werden eingerückt mit linkem Rand angezeigt.
Entnesten via Button oder Root-Dropzone. Löschen orphaned Kinder.
Umbenennen aktualisiert Kind-Referenzen automatisch.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ferdinand
2026-04-02 15:13:46 +02:00
parent 8a31d5336e
commit 20abe09590
2 changed files with 229 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
style.css
View File

@@ -238,6 +238,55 @@ button.action-btn:hover { background: #f0f0f0; }
}
.schema-bild-preview.hat-bild { border-style: solid; border-color: #ccc; }
/* --- Schema-Hierarchie --- */
.schema-card {
border: 1px solid #ddd;
border-radius: 8px;
padding: 1rem;
margin-bottom: 0.75rem;
background: #fff;
transition: border-color 0.15s, box-shadow 0.15s;
}
.schema-card-nested {
background: #fafafa;
}
.schema-card.schema-drag-over {
border-color: #4a90d9;
box-shadow: 0 0 0 3px rgba(74,144,217,0.2);
}
.schema-card.schema-dragging { opacity: 0.45; }
.schema-children {
margin-top: 0.75rem;
padding-left: 1rem;
border-left: 3px solid #f0f0f0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.schema-children .schema-card { margin-bottom: 0; }
.schema-root-dropzone {
border: 2px dashed #ddd;
border-radius: 8px;
padding: 0.75rem;
text-align: center;
font-size: 0.8rem;
color: #bbb;
margin-top: 0.5rem;
transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.schema-root-dropzone.active {
border-color: #4a90d9;
background: #f0f7ff;
color: #4a90d9;
}
/* Thumbnail in der Sammlung */
.schema-thumb {
width: 40px;