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

Improve task planner reset settings
All checks were successful
Deploy Sokko G / deploy (push) Successful in 6s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-03 16:46:44 +02:00
parent d54a93e1f4
commit ee1c8afa9a
7 changed files with 180 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1948,14 +1948,14 @@ textarea:focus {
}
.task-planner-settings label,
.task-planner-weekly-override {
.task-planner-reset-override {
display: grid;
gap: 6px;
min-width: 0;
}
.task-planner-settings span,
.task-planner-weekly-override span,
.task-planner-reset-override > span,
.task-planner-relations > span {
color: var(--color-text-secondary);
font-size: var(--font-size-xs);
@ -1967,9 +1967,11 @@ textarea:focus {
.task-planner-settings input,
.task-planner-add-form select,
.task-planner-type-select,
.task-planner-weekly-override select,
.task-planner-reset-override select,
.task-planner-reset-override input,
.task-planner-relations select {
width: 100%;
min-height: 36px;
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background-color: rgba(15, 23, 42, 0.64);
@ -1979,7 +1981,7 @@ textarea:focus {
.task-planner-settings select option,
.task-planner-add-form select option,
.task-planner-type-select option,
.task-planner-weekly-override select option,
.task-planner-reset-override select option,
.task-planner-relations select option {
background: #11182f;
color: var(--color-text-primary);
@ -2349,8 +2351,8 @@ textarea:focus {
.task-planner-task-settings {
display: grid;
grid-template-columns: minmax(130px, 0.32fr) minmax(0, 1fr);
gap: 10px;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 12px;
align-items: start;
padding: 10px;
border: 1px solid rgba(165, 180, 252, 0.1);
@ -2358,6 +2360,50 @@ textarea:focus {
background: rgba(7, 10, 24, 0.24);
}
.task-planner-reset-control {
display: grid;
grid-template-columns: minmax(0, 1fr) 34px;
gap: 8px;
align-items: center;
}
.task-planner-reset-control button {
display: inline-grid;
width: 34px;
min-width: 34px;
min-height: 36px;
place-items: center;
padding: 0;
border: 1px solid rgba(165, 180, 252, 0.12);
border-radius: var(--radius-md);
background: rgba(21, 26, 48, 0.58);
color: var(--color-text-secondary);
}
.task-planner-reset-control button:disabled {
opacity: 0.42;
cursor: not-allowed;
}
.task-planner-reset-control button .ui-icon {
width: 14px;
height: 14px;
}
.task-planner-reset-override.is-empty p {
display: grid;
min-height: 36px;
align-items: center;
margin: 0;
padding: 0 12px;
border: 1px solid rgba(165, 180, 252, 0.08);
border-radius: var(--radius-md);
background: rgba(15, 23, 42, 0.34);
color: var(--color-text-muted);
font-size: var(--font-size-sm);
font-weight: 800;
}
.task-planner-relations {
display: grid;
grid-column: span 1;
@ -2367,8 +2413,8 @@ textarea:focus {
.task-planner-relations > div {
display: grid;
gap: 5px;
min-height: 28px;
gap: 6px;
min-height: 36px;
}
.task-planner-relations em {
@ -2434,10 +2480,16 @@ textarea:focus {
}
.task-planner-relations select {
min-height: 34px;
min-height: 36px;
padding-inline: 10px;
}
@media (max-width: 760px) {
.task-planner-task-settings {
grid-template-columns: 1fr;
}
}
.combos-module {
display: grid;
gap: 12px;
@ -3497,7 +3549,7 @@ button.combo-input-token.combo-value-grab .ui-icon {
.task-planner-settings select,
.task-planner-add-form select,
.task-planner-type-select,
.task-planner-weekly-override select,
.task-planner-reset-override select,
.task-planner-relations select {
appearance: none;
-webkit-appearance: none;
@ -3527,8 +3579,8 @@ button.combo-input-token.combo-value-grab .ui-icon {
.task-planner-add-form select:focus,
.task-planner-type-select:hover,
.task-planner-type-select:focus,
.task-planner-weekly-override select:hover,
.task-planner-weekly-override select:focus,
.task-planner-reset-override select:hover,
.task-planner-reset-override select:focus,
.task-planner-relations select:hover,
.task-planner-relations select:focus {
border-color: rgba(196, 181, 253, 0.22);
@ -4296,6 +4348,7 @@ button.combo-input-token.combo-value-grab .ui-icon {
.task-planner-settings-toggle:hover,
.task-planner-dropdown-button:hover,
.task-planner-settings-button:hover,
.task-planner-reset-control button:hover:not(:disabled),
.task-planner-relation-chip button:hover,
.module-scroll-button:hover,
.tool-split-scroll-toggle:hover,