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

29
website/src/styles/toolboxes/shared-controls/_entries.scss
View file

@ -1,4 +1,5 @@
// Rôle : regroupe les entrées, champs et états de danger partagés des tool-split.
@use "../../design-system/controls";
.tool-split-entry-list {
display: grid;
@ -56,14 +57,11 @@
.tool-split-entry-summary,
.tool-split-entry-value {
@include controls.list-row-button;
display: inline-flex;
box-sizing: border-box;
align-items: center;
justify-content: flex-start;
border: 1px solid rgba(165, 180, 252, 0.09);
border-radius: var(--radius-md);
border-color: rgba(165, 180, 252, 0.09);
background: rgba(21, 26, 48, 0.58);
color: var(--color-text-secondary);
text-align: left;
}
@ -88,8 +86,7 @@
.tool-split-entry-summary:hover,
.tool-split-entry-value:not(.is-readonly):hover {
border-color: rgba(196, 181, 253, 0.2);
background: rgba(21, 26, 48, 0.72);
@include controls.list-row-button-hover;
}
.tool-split-entry-summary > span {
@ -105,13 +102,8 @@
}
.tool-split-entry-label {
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 36px;
padding: 0 10px;
@include controls.field-control(sm);
overflow: hidden;
border-color: rgba(165, 180, 252, 0.09);
background: rgba(21, 26, 48, 0.38);
color: var(--color-text-secondary);
text-overflow: ellipsis;
@ -120,8 +112,7 @@
.tool-split-entry-label:hover,
.tool-split-entry-label:focus {
border-color: rgba(196, 181, 253, 0.22);
background: rgba(21, 26, 48, 0.58);
@include controls.field-hover;
color: var(--color-text-primary);
}
@ -164,9 +155,8 @@
height: 14px;
}
.tool-split-entry .ui-icon {
width: 16px;
height: 16px;
.tool-split-entry > button:not(.tool-split-entry-summary, .tool-split-entry-value) .ui-icon {
@include controls.icon-button-icon(sm);
opacity: 0.72;
}
@ -177,10 +167,7 @@
.tool-split-entry-list li.active > .tool-split-entry > .tool-split-entry-summary,
.tool-split-entry-list li.active > .tool-split-entry > .tool-split-entry-value,
.tool-split-entry-list li.active > .tool-split-entry > .tool-split-entry-label {
border-color: var(--color-accent-gold);
background:
linear-gradient(135deg, rgba(246, 196, 83, 0.09), rgba(139, 92, 246, 0.1)),
rgba(7, 10, 24, 0.48);
@include controls.list-row-button-active;
color: var(--color-text-primary);
box-shadow: 0 0 0 1px rgba(246, 196, 83, 0.06);
}