shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add manual toolbox module ordering
All checks were successful
Deploy Sokko G / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-09 20:51:51 +02:00
parent 7140012a98
commit e043d31fa8
10 changed files with 321 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

49
website/src/styles/_toolboxes.scss
View file

@ -418,8 +418,36 @@
.module-column {
display: grid;
gap: var(--space-4);
gap: var(--space-3);
align-content: start;
min-width: 0;
}
.module-column.is-empty-warning {
min-height: 132px;
border: 1px dashed rgba(246, 196, 83, 0.26);
border-radius: var(--radius-md);
background: rgba(246, 196, 83, 0.04);
}
.module-column-boundary-drop-zone {
position: relative;
min-height: 10px;
border-radius: var(--radius-pill);
}
.module-column-boundary-drop-zone.is-drop-target::before {
position: absolute;
top: 50%;
right: 0;
left: 0;
height: 3px;
border-radius: var(--radius-pill);
background: rgba(246, 196, 83, 0.9);
box-shadow: 0 0 12px rgba(246, 196, 83, 0.24);
content: "";
pointer-events: none;
transform: translateY(-50%);
}
.module {
@ -512,6 +540,25 @@
box-shadow: var(--reorder-drop-shadow, none), inset -3px 0 0 rgba(246, 196, 83, 0.86);
}
.module[data-reorder-target="item"][data-reorder-orientation="vertical"].is-drop-target {
border-color: transparent;
box-shadow:
var(--shadow-sm),
inset 0 3px 0 rgba(246, 196, 83, 0.86),
0 0 14px rgba(246, 196, 83, 0.12);
}
.module[data-reorder-target="item"][data-reorder-orientation="vertical"].is-drop-target.drop-after {
box-shadow:
var(--shadow-sm),
inset 0 -3px 0 rgba(246, 196, 83, 0.86),
0 0 14px rgba(246, 196, 83, 0.12);
}
.module[data-reorder-target="item"][data-reorder-orientation="vertical"].is-drop-target::before {
display: none;
}
.module header {
display: flex;
align-items: center;