From 0c00011de098cb67ba41c165e7ff84568154b641 Mon Sep 17 00:00:00 2001
From: Jules <contact@copydev.fr>
Date: Thu, 4 Jun 2026 12:50:41 +0200
Subject: [PATCH] Fix popup photostation (hors ecran-accueil) + z-index boutons
 + profil Chromium sans translate

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/css/style.css   |  2 ++
 frontend/index.html      | 48 ++++++++++++++++++++--------------------
 scripts/kiosk-session.sh |  2 +-
 3 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/frontend/css/style.css b/frontend/css/style.css
index 4e462ea..4cb519a 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -129,6 +129,7 @@ html, body {
   cursor: pointer;
   border-radius: 50%;
   transition: color 0.3s;
+  z-index: 50;
 }
 
 .btn-admin:hover, .btn-admin:active {
@@ -140,6 +141,7 @@ html, body {
   bottom: 12px;
   left: 12px;
   width: 56px;
+  z-index: 50;
   height: 56px;
   display: flex;
   align-items: center;
diff --git a/frontend/index.html b/frontend/index.html
index c89fbd1..27b75bf 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -46,30 +46,6 @@
       <div id="btn-photostation" class="btn-photostation cache" onclick="ouvrirPhotostation()">&#128444;</div>
     </section>
 
-    <!-- Popup PIN photostation -->
-    <div id="popup-pin-photostation" class="popup-mdp cache">
-      <div class="popup-mdp-contenu">
-        <h3>Station d'impression</h3>
-        <p class="aide">Entrez le code PIN</p>
-        <div id="pin-photostation-affichage" class="mdp-affichage">&#9679;&#9679;&#9679;&#9679;</div>
-        <div id="pin-photostation-erreur" class="mdp-erreur cache">Code incorrect</div>
-        <div class="pave-numerique">
-          <button onclick="pinPhotostationTouche('1')">1</button>
-          <button onclick="pinPhotostationTouche('2')">2</button>
-          <button onclick="pinPhotostationTouche('3')">3</button>
-          <button onclick="pinPhotostationTouche('4')">4</button>
-          <button onclick="pinPhotostationTouche('5')">5</button>
-          <button onclick="pinPhotostationTouche('6')">6</button>
-          <button onclick="pinPhotostationTouche('7')">7</button>
-          <button onclick="pinPhotostationTouche('8')">8</button>
-          <button onclick="pinPhotostationTouche('9')">9</button>
-          <button onclick="pinPhotostationEffacer()">&#8592;</button>
-          <button onclick="pinPhotostationTouche('0')">0</button>
-          <button onclick="fermerPopupPhotostation()">&#10005;</button>
-        </div>
-      </div>
-    </div>
-
     <!-- Choix du mode -->
     <section id="ecran-mode" class="ecran">
       <h2>Choisissez votre mode</h2>
@@ -671,6 +647,30 @@
       </div>
     </section>
 
+    <!-- Popup PIN photostation -->
+    <div id="popup-pin-photostation" class="popup-overlay cache">
+      <div class="popup-box popup-box-pave">
+        <h3>Station d'impression</h3>
+        <p class="aide">Entrez le code PIN</p>
+        <div id="pin-photostation-affichage" class="mdp-affichage" style="font-size:2rem;letter-spacing:0.5rem;margin:1rem 0">&#9675;&#9675;&#9675;&#9675;</div>
+        <div id="pin-photostation-erreur" class="mdp-erreur cache">Code incorrect</div>
+        <div class="pave-numerique">
+          <button class="pave-touche" onclick="pinPhotostationTouche('1')">1</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('2')">2</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('3')">3</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('4')">4</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('5')">5</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('6')">6</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('7')">7</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('8')">8</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('9')">9</button>
+          <button class="pave-touche" onclick="pinPhotostationEffacer()">&#8592;</button>
+          <button class="pave-touche" onclick="pinPhotostationTouche('0')">0</button>
+          <button class="pave-touche" onclick="fermerPopupPhotostation()">&#10005;</button>
+        </div>
+      </div>
+    </div>
+
     <!-- Popup mot de passe admin -->
     <div id="popup-mdp" class="popup-overlay cache">
       <div class="popup-box popup-box-pave">
diff --git a/scripts/kiosk-session.sh b/scripts/kiosk-session.sh
index cfdd69b..388a127 100755
--- a/scripts/kiosk-session.sh
+++ b/scripts/kiosk-session.sh
@@ -36,7 +36,7 @@ while true; do
         --check-for-update-interval=31536000 \
         --autoplay-policy=no-user-gesture-required \
         --start-fullscreen \
-        --incognito \
+        --user-data-dir=/home/jules/.config/chromium-kiosk \
         --touch-events=enabled \
         --enable-touch-drag-drop \
         --force-device-scale-factor=3 \