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

Migrate site controls to Nebula design system
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
Details

Browse source
This commit is contained in:
Shinuwa 2026-08-29 09:16:58 +02:00
parent e3d0925eb1
commit 817e21567b
127 changed files with 5380 additions and 2363 deletions
Download patch file Download diff file Expand all files Collapse all files

46
website/src/styles/toolboxes/goal-tree/_node-content.scss
View file

@ -1,4 +1,6 @@
// Rôle : gère le contenu, les checklists et la progression des noeuds.
@use "../../design-system/controls";
.goal-tree-node-main {
grid-area: main;
display: grid;
@ -126,23 +128,17 @@
}
.goal-tree-node-content-add-button {
@include controls.dashed-action-button;
display: grid;
width: 100%;
min-height: 20px;
padding: 0;
place-items: center;
border-style: dashed;
border-color: color-mix(in srgb, var(--goal-tree-card-color, var(--color-accent-gold)) 56%, transparent);
border-radius: var(--radius-sm);
background: rgba(7, 10, 24, 0.2);
color: var(--color-text-secondary);
}
.goal-tree-node-content-add-button:hover,
.goal-tree-node-content-add-button:focus-visible {
border-color: color-mix(in srgb, var(--goal-tree-card-color, var(--color-accent-gold)) 78%, transparent);
background: color-mix(in srgb, var(--goal-tree-card-color, var(--color-accent-gold)) 14%, transparent);
color: var(--color-text-primary);
@include controls.dashed-action-button-hover;
}
.goal-tree-node-content-add-button .ui-icon {
@ -172,42 +168,36 @@
.goal-tree-step-qty-stepper {
justify-self: center;
grid-template-columns: 18px minmax(34px, auto) 18px;
gap: 2px;
font-size: 0.68rem;
@include controls.quantity-stepper(sm);
}
.goal-tree-step-qty-stepper button {
display: grid;
width: 18px;
min-width: 18px;
height: 18px;
min-height: 18px;
padding: 0;
place-items: center;
@include controls.quantity-stepper-button(sm);
}
.goal-tree-step-qty-stepper button:hover {
@include controls.quantity-stepper-button-hover;
}
.goal-tree-step-qty-stepper .ui-icon {
width: 10px;
height: 10px;
@include controls.quantity-stepper-button-icon(sm);
}
.goal-tree-node-content-row .goal-tree-content-qty-stepper {
justify-self: start;
grid-template-columns: 16px minmax(30px, auto) 16px;
gap: 2px;
font-size: 0.64rem;
@include controls.quantity-stepper(xs);
}
.goal-tree-node-content-row .goal-tree-content-qty-stepper button {
min-width: 16px;
min-height: 16px;
padding: 0;
@include controls.quantity-stepper-button(xs);
}
.goal-tree-node-content-row .goal-tree-content-qty-stepper button:hover {
@include controls.quantity-stepper-button-hover;
}
.goal-tree-node-content-row .goal-tree-content-qty-stepper .ui-icon {
width: 9px;
height: 9px;
@include controls.quantity-stepper-button-icon(xs);
}
.goal-tree-progress-track {