Split remaining large Sass files by responsibility

2026-08-25 09:45:59 +02:00 · 2026-08-25 09:45:59 +02:00 · fcabbe8029
commit fcabbe8029
parent a0d7e80a1a
37 changed files with 3248 additions and 3103 deletions
--- a/website/src/styles/overlays/_drawers.scss
+++ b/website/src/styles/overlays/_drawers.scss
@ -0,0 +1,112 @@
+// Rôle : gère le drawer toolbox et ses actions.
+.drawer[aria-hidden="true"] {
+  display: none;
+}
+
+.drawer-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  background: rgba(2, 3, 9, 0.24);
+  backdrop-filter: none;
+}
+
+.drawer-panel {
+  position: fixed;
+  inset: 0 0 0 auto;
+  z-index: 50;
+  width: min(720px, 94vw);
+  min-width: 360px;
+  max-width: 94vw;
+  overflow: auto;
+  border-left: 0;
+  background:
+    linear-gradient(
+      180deg,
+      rgba(246, 196, 83, 0.92),
+      rgba(139, 92, 246, 0.64) 48%,
+      rgba(196, 181, 253, 0.72)
+    ) left top / 1px 100% no-repeat,
+    rgba(7, 9, 19, 0.82);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  box-shadow:
+    inset 8px 0 18px rgba(139, 92, 246, 0.08),
+    var(--shadow-lg);
+  padding: var(--space-5);
+}
+
+.drawer-panel::before {
+  content: none;
+}
+
+.drawer-content {
+  position: relative;
+  display: flex;
+  min-height: 100%;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.drawer-resize-handle {
+  position: fixed;
+  top: 50%;
+  right: calc(var(--drawer-panel-width, min(720px, 94vw)) - 18px);
+  z-index: 62;
+  width: 14px;
+  height: 72px;
+  border-radius: var(--radius-pill);
+  cursor: ew-resize;
+  transform: translateY(-50%);
+}
+
+.drawer-resize-handle::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 5px;
+  width: 4px;
+  height: 100%;
+  border-radius: inherit;
+  background: var(--gradient-brand);
+  opacity: 0.72;
+}
+
+body.is-resizing-drawer,
+body.is-resizing-drawer * {
+  cursor: ew-resize !important;
+  user-select: none;
+}
+
+.drawer-panel > .drawer-content > header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--space-4);
+  margin-bottom: var(--space-3);
+}
+
+.drawer-toolbox-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  margin-top: var(--space-3);
+}
+
+.drawer-action-button {
+  display: inline-flex;
+}
+
+.drawer-action-button:disabled {
+  color: var(--color-text-disabled);
+  cursor: not-allowed;
+  opacity: 0.56;
+}
+
+.drawer-close-button {
+  flex: 0 0 40px;
+}
+
+.drawer-panel .modules {
+  grid-template-columns: 1fr;
+}