From f815374030ecd9c95c0c563cfbcbf75972ca25ad Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 30 Mar 2026 18:12:28 +0200
Subject: [PATCH] white-paper(s) + panel : ajustements visuels. closes #41
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- WhitePaper : cover en absolute bottom-left, overflow hidden sur mobile
- WhitePapers : position relative sur le conteneur
- Panel : fix couleur du tick des checkboxes/radios cochés

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/custom-panel.css  |  5 +++++
 src/views/WhitePaper.svelte  | 19 +++++++++++--------
 src/views/WhitePapers.svelte |  1 +
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/assets/css/custom-panel.css b/assets/css/custom-panel.css
index c8cd413..dc4a0f4 100644
--- a/assets/css/custom-panel.css
+++ b/assets/css/custom-panel.css
@@ -138,3 +138,8 @@ input[type="checkbox"][data-variant="toggle"]::after {
 input[type="checkbox"][data-variant="toggle"]:checked::after {
   background-color: #fff;
 }
+
+input:where([type="checkbox"], [type="radio"]):checked::after,
+input:where([type="checkbox"]):indeterminate::after {
+  background-color: #fff;
+}
diff --git a/src/views/WhitePaper.svelte b/src/views/WhitePaper.svelte
index 12cb5c7..5607615 100644
--- a/src/views/WhitePaper.svelte
+++ b/src/views/WhitePaper.svelte
@@ -174,12 +174,10 @@
   }
 
   .cover {
-    align-self: start;
-    width: 100%;
-    height: auto;
-    object-fit: contain;
-    pointer-events: none;
-    z-index: 0;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 70rem;
   }
 
   /* ── Form area: desktop — right column ── */
@@ -331,6 +329,7 @@
     .white-paper {
       position: relative;
       height: 100vh;
+      overflow: hidden;
       padding: 0;
       
       display: flex;
@@ -373,14 +372,18 @@
     }
 
     .cover {
-      position: absolute;
+      width: 100vw;
+      max-width: none;
+      scale: 1.5;
+
+      /* position: absolute;
       bottom: -10%;
       left: 50%;
       transform: translateX(-50%);
       width: 75%;
       max-width: 300px;
       z-index: 0;
-      pointer-events: none;
+      pointer-events: none; */
     }
 
     /* Quand le formulaire est affiché : masque le contenu principal */
diff --git a/src/views/WhitePapers.svelte b/src/views/WhitePapers.svelte
index f07ebe3..d6e87ca 100644
--- a/src/views/WhitePapers.svelte
+++ b/src/views/WhitePapers.svelte
@@ -162,6 +162,7 @@
 
 <style>
   .white-papers {
+    position: relative;
     color: var(--color-text);
     padding: 0 50px;
   }