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

47
website/src/styles/toolboxes/_table.scss
View file

@ -1,5 +1,5 @@
// Rôle : gère l’outil table, sa grille, ses cellules et états de sélection.
@use "../mixins";
@use "../design-system/controls";
.table-module {
display: grid;
@ -88,17 +88,11 @@
}
.table-header-input {
width: 100%;
padding: 0 8px;
border-top: 0;
border-left: 0;
border-radius: 0;
text-align: center;
@include controls.table-header-field;
}
.table-header-input::placeholder {
color: var(--color-text-muted);
opacity: 1;
@include controls.field-placeholder;
}
.table-header-input:hover {
@ -106,12 +100,7 @@
}
.table-header-input:focus {
z-index: 5;
border-color: rgba(246, 196, 83, 0.38);
background: rgba(21, 26, 48, 0.8);
color: var(--color-text-primary);
box-shadow: inset 0 0 0 1px rgba(246, 196, 83, 0.55), 0 0 0 2px rgba(139, 92, 246, 0.18);
outline: 0;
@include controls.table-header-field-focus;
}
.table-header-cell {
@ -134,19 +123,7 @@
}
.table-cell-input {
width: 100%;
min-width: 0;
min-height: 34px;
padding: 6px 8px;
border: 0;
border-right: 1px solid rgba(165, 180, 252, 0.08);
border-bottom: 1px solid rgba(165, 180, 252, 0.08);
border-radius: 0;
background: rgba(16, 20, 38, 0.34);
color: var(--color-text-primary);
caret-color: transparent;
font-size: var(--font-size-sm);
font-variant-numeric: tabular-nums;
@include controls.table-cell-field;
}
.table-cell-input:hover {
@ -154,21 +131,11 @@
}
.table-cell-input:focus {
position: relative;
z-index: 4;
border-color: rgba(34, 211, 238, 0.42);
background:
linear-gradient(135deg, rgba(34, 211, 238, 0.08), rgba(139, 92, 246, 0.06)),
rgba(21, 26, 48, 0.58);
box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.58);
outline: 0;
@include controls.table-cell-field-focus;
}
.table-cell-input.is-editing:focus {
border-color: rgba(246, 196, 83, 0.38);
background: rgba(21, 26, 48, 0.72);
caret-color: auto;
box-shadow: inset 0 0 0 1px rgba(246, 196, 83, 0.55), 0 0 0 2px rgba(139, 92, 246, 0.18);
@include controls.table-cell-field-editing-focus;
}
.table-cell-input.is-formula {