cloud-hosting-platform/site-builder
6
0 Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(site-builder): layers drag reorder, rename, hide/show, collapse

Browse Source 
Refs #47

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
shadowdaoandClaude Sonnet 5.5 committed 2026-10-07 11:47:10 -07:00
1 parent d8ff295093
commit 8edc426986
6 files changed
+646 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

craft/src/styles/editor.css
+47
View File
@@ -2441,3 +2441,50 @@ body {
background: var(--color-accent-subtle);
cursor: default;
}
/* ==== #47 layers: drag reorder, rename, hide/show, collapse ==== */
.layer-node-row .layer-eye-btn {
margin-left: auto;
padding: 0 4px;
border: 0;
background: transparent;
color: var(--color-text-dim);
font-size: 11px;
cursor: pointer;
opacity: 0.55;
flex-shrink: 0;
}
.layer-node-row:hover .layer-eye-btn,
.layer-node-row .layer-eye-btn:focus-visible,
.layer-node-row.layer-hidden .layer-eye-btn {
opacity: 1;
}
.layer-node-row.layer-hidden > .layer-name,
.layer-node-row.layer-hidden > i.fa {
opacity: 0.45;
text-decoration: line-through;
}
.layer-node-row.layer-dragging {
opacity: 0.4;
}
.layer-node-row[data-drop='before'] {
box-shadow: inset 0 2px 0 var(--color-accent);
}
.layer-node-row[data-drop='after'] {
box-shadow: inset 0 -2px 0 var(--color-accent);
}
.layer-node-row[data-drop='inside'] {
outline: 1px dashed var(--color-accent);
outline-offset: -2px;
background: var(--color-accent-subtle);
}
.layer-rename-input {
flex: 1;
min-width: 0;
font: inherit;
padding: 0 4px;
color: var(--color-text);
background: var(--color-bg);
border: 1px solid var(--color-accent);
border-radius: 3px;
}