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

add categories to task planner
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
Details

Browse source
This commit is contained in:
Shinuwa 2026-07-28 09:32:14 +02:00
parent e306bfc5d6
commit 3cd350c7b8
10 changed files with 459 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1336,6 +1336,65 @@ textarea:focus {
text-align: center;
}
.task-planner-category-section {
display: grid;
gap: 8px;
padding: 10px;
border: 1px solid rgba(246, 196, 83, 0.16);
border-radius: var(--radius-md);
background:
linear-gradient(135deg, rgba(246, 196, 83, 0.04), transparent 42%),
rgba(7, 10, 24, 0.18);
}
.task-planner-category-header {
padding: 0 2px;
}
.task-planner-category-header > div {
display: inline-flex;
flex: 1 1 auto;
min-width: 0;
align-items: center;
gap: 8px;
}
.task-planner-category-header h3 {
min-width: 0;
margin: 0;
overflow: hidden;
color: var(--color-accent-gold);
font-size: var(--font-size-sm);
text-overflow: ellipsis;
white-space: nowrap;
}
.task-planner-category-header > span {
flex: 0 0 auto;
padding: 3px 9px;
border: 1px solid rgba(246, 196, 83, 0.22);
border-radius: var(--radius-pill);
background: rgba(246, 196, 83, 0.08);
color: var(--color-text-secondary);
font-size: var(--font-size-xs);
font-weight: 800;
}
.task-planner-category-section.is-dragging {
cursor: grabbing;
opacity: 0.58;
transform: scale(0.99);
}
.task-planner-category-section.is-drop-target {
border-color: rgba(246, 196, 83, 0.72);
box-shadow: inset 0 3px 0 rgba(246, 196, 83, 0.8);
}
.task-planner-category-section.is-drop-target.drop-after {
box-shadow: inset 0 -3px 0 rgba(246, 196, 83, 0.8);
}
.task-planner-item {
position: relative;
display: grid;
@ -1350,7 +1409,7 @@ textarea:focus {
opacity: 0.78;
}
.task-planner-item.has-missing-dependency {
.task-planner-item.has-missing-prerequisite {
border-color: rgba(246, 196, 83, 0.34);
background:
linear-gradient(135deg, rgba(246, 196, 83, 0.06), transparent 44%),
@ -1384,6 +1443,7 @@ textarea:focus {
}
.task-planner-drag-handle,
.task-planner-category-drag-handle,
.task-planner-delete-button {
display: inline-grid;
width: 30px;
@ -1403,6 +1463,7 @@ textarea:focus {
}
.task-planner-drag-handle .ui-icon,
.task-planner-category-drag-handle .ui-icon,
.task-planner-delete-button .ui-icon {
width: 15px;
height: 15px;
@ -1517,11 +1578,50 @@ textarea:focus {
}
}
.task-planner-description,
.task-planner-description-panel,
.task-planner-task-settings {
margin-left: 62px;
}
.task-planner-description-panel {
display: grid;
gap: 10px;
}
.task-planner-category-field,
.task-planner-description-field {
display: grid;
gap: 6px;
min-width: 0;
}
.task-planner-category-field span,
.task-planner-description-field span {
color: var(--color-text-secondary);
font-size: var(--font-size-xs);
font-weight: 900;
text-transform: uppercase;
}
.task-planner-category-field input {
width: 100%;
}
.task-planner-category-field.is-disabled span {
color: rgba(148, 163, 184, 0.72);
}
.task-planner-category-field.is-disabled input,
.task-planner-category-field input:disabled {
border-color: rgba(165, 180, 252, 0.08);
background:
linear-gradient(135deg, rgba(148, 163, 184, 0.05), transparent 62%),
rgba(15, 23, 42, 0.42);
box-shadow: none;
color: rgba(203, 213, 225, 0.66);
cursor: not-allowed;
}
.task-planner-description {
min-height: 72px;
resize: vertical;
@ -2232,6 +2332,7 @@ textarea:focus {
.counter-actions button:not(.danger):hover,
.link-item button:not(.danger):hover,
.task-planner-drag-handle:hover:not(:disabled),
.task-planner-category-drag-handle:hover,
.task-planner-settings-toggle:hover,
.task-planner-settings-toggle.active,
.task-planner-dropdown-button:hover,