From a933745dd49ac7264c47b46a87d821dfe40c2515 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 21 Apr 2026 14:45:05 +0200
Subject: [PATCH] header : move fixed positioning to header tag for correct
 offsetHeight closes #65

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 site/blueprints/pages/project.yml   |  1 +
 src/components/layout/Header.svelte |  6 ++++--
 src/styles/blocks/game.css          | 13 ++++++-------
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/site/blueprints/pages/project.yml b/site/blueprints/pages/project.yml
index cf92cf2..8bb716a 100644
--- a/site/blueprints/pages/project.yml
+++ b/site/blueprints/pages/project.yml
@@ -117,6 +117,7 @@ tabs:
                 label: Vignette
                 type: files
                 required: true
+                translate: false
                 layout: cards
                 size: small
                 max: 1
diff --git a/src/components/layout/Header.svelte b/src/components/layout/Header.svelte
index fc6e0d5..df2e067 100644
--- a/src/components/layout/Header.svelte
+++ b/src/components/layout/Header.svelte
@@ -81,13 +81,15 @@
 </header>
 
 <style>
-  .navbar {
+  header {
     width: 100%;
     position: fixed;
     top: 0;
     left: 0;
-    transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
     z-index: var(--z-header);
+  }
+  .navbar {
+    transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
     font-family: "Danzza";
     font-size: var(--font-size-paragraph);
     font-weight: normal;
diff --git a/src/styles/blocks/game.css b/src/styles/blocks/game.css
index 55600c0..ac01758 100644
--- a/src/styles/blocks/game.css
+++ b/src/styles/blocks/game.css
@@ -24,9 +24,8 @@
   align-items: center;
   justify-content: center;
   z-index: 10;
-  cursor: pointer;
   transition: all 0.3s ease;
-  background: rgba(13, 14, 34, 0.90);
+  background: rgba(13, 14, 34, 0.9);
   backdrop-filter: blur(5px);
 }
 
@@ -41,9 +40,9 @@
 }
 
 .article-body .iframe-click-overlay[data-state="ended"] {
-  background: rgba(13, 14, 34, 0.10);
+  background: rgba(13, 14, 34, 0.1);
   backdrop-filter: none;
-  border: 2px solid #4DFCA1;
+  border: 2px solid #4dfca1;
   cursor: default;
 }
 
@@ -57,7 +56,7 @@
 .article-body .play-icon {
   width: 60px;
   height: 60px;
-  background: linear-gradient(135deg, #4DFCA1 0%, #04fea0 100%);
+  background: linear-gradient(135deg, #4dfca1 0%, #04fea0 100%);
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -87,7 +86,7 @@
 .article-body .iframe-click-overlay[data-state="ended"] .overlay-message {
   font-size: 20px;
   font-weight: 700;
-  color: #4DFCA1;
+  color: #4dfca1;
 }
 
 .article-body .iframe-deactivate-btn {
@@ -112,7 +111,7 @@
 }
 
 .article-body .iframe-deactivate-btn:hover {
-  background: #4DFCA1;
+  background: #4dfca1;
   color: black;
   transform: scale(1.1);
 }