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

37
website/src/styles/toolboxes/_images.scss
View file

@ -1,5 +1,5 @@
// Rôle : gère les imports image, annotations, marqueurs et galeries.
@use "../mixins";
@use "../design-system/controls";
.dropzone {
display: grid;
@ -186,10 +186,7 @@
}
.annotation-marker-list input {
width: 100%;
min-width: 0;
min-height: 34px;
padding: 0 10px;
@include controls.field-control(xs);
}
.annotation-empty {
@ -220,27 +217,20 @@
}
.image-drag-handle {
@include controls.icon-button(sm);
position: absolute;
z-index: 4;
top: 12px;
left: 12px;
display: grid;
width: 32px;
height: 32px;
place-items: center;
padding: 0;
border: 1px solid rgba(138, 150, 197, 0.22);
border-radius: var(--radius-md);
background: rgba(9, 13, 29, 0.76);
color: rgba(229, 235, 255, 0.78);
cursor: grab;
opacity: 0;
transition: border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);
}
.image-drag-handle .ui-icon {
width: 16px;
height: 16px;
@include controls.icon-button-icon(sm);
}
.images figure:hover .image-drag-handle,
@ -249,10 +239,7 @@
}
.image-drag-handle:hover {
border-color: rgba(246, 196, 83, 0.56);
background: rgba(20, 28, 55, 0.86);
color: var(--color-accent-gold);
box-shadow: 0 0 14px rgba(246, 196, 83, 0.12);
@include controls.icon-button-hover;
}
.image-drag-handle:active {
@ -289,23 +276,15 @@
}
.image-label-input {
width: 100%;
min-height: 36px;
padding: 0 10px;
border: 1px solid rgba(138, 150, 197, 0.2);
border-radius: var(--radius-md);
background: rgba(8, 13, 30, 0.62);
color: var(--color-text);
@include controls.field-control(sm);
}
.image-label-input::placeholder {
color: rgba(185, 194, 215, 0.48);
@include controls.field-placeholder;
}
.image-label-input:focus {
border-color: rgba(246, 196, 83, 0.72);
outline: none;
box-shadow: 0 0 0 3px rgba(246, 196, 83, 0.14);
@include controls.field-focus;
}
.images img {