From c67262673fea94ae0ca07095bf3d7776003cdc20 Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Fri, 10 Jul 2026 15:21:29 +0200
Subject: [PATCH] =?UTF-8?q?param=C3=A8tres:=20fix=20logs=20Copier=20button?=
 =?UTF-8?q?=20scrolling=20out=20of=20view=20on=20horizontal=20scroll?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Wrap .log-output and the copy button in a .log-output-wrapper div
with position:relative, so the button sits outside the overflow-x:auto
scroll container and stays fixed at the top-right corner.
---
 TODO.md                                           | 1 +
 app/public/assets/css/system.css                  | 3 +++
 app/templates/admin/partials/system-log-panel.php | 4 +++-
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/TODO.md b/TODO.md
index 3ccf568..1750e9f 100644
--- a/TODO.md
+++ b/TODO.md
@@ -2,3 +2,4 @@
 
 - [x] Fix CSP: add `frame-src` to allow iframes from `videos.erg.be` and `depnum.happyngreen.fr`
 - [x] Website iframe overlay: remove blur, move button to bottom-right, replace text with SVG icon + tooltip
+- [x] Fix "Copier" button in logs section scrolling out of view on horizontal scroll
diff --git a/app/public/assets/css/system.css b/app/public/assets/css/system.css
index e7100ed..9fcef4e 100644
--- a/app/public/assets/css/system.css
+++ b/app/public/assets/css/system.css
@@ -306,6 +306,9 @@
 	line-height: 1.55;
 	max-height: 62vh;
 	overflow-y: auto;
+}
+
+.log-output-wrapper {
 	position: relative;
 }
 .log-line {
diff --git a/app/templates/admin/partials/system-log-panel.php b/app/templates/admin/partials/system-log-panel.php
index d79717d..b83a98a 100644
--- a/app/templates/admin/partials/system-log-panel.php
+++ b/app/templates/admin/partials/system-log-panel.php
@@ -47,14 +47,16 @@
     <div class="log-empty">Le fichier journal est vide.</div>
 
 <?php else: ?>
-    <div class="log-output" id="log-output" role="log" aria-live="off" aria-label="Contenu du journal">
+    <div class="log-output-wrapper">
         <button class="btn btn--secondary btn--sm log-copy-btn" id="log-copy-btn" type="button" title="Copier le contenu"
                 onclick="copyLogContent(this);return false">
             Copier
         </button>
+        <div class="log-output" id="log-output" role="log" aria-live="off" aria-label="Contenu du journal">
         <?php foreach ($logLines as $i => $line): ?>
         <span class="log-line <?= SystemController::logLineClass($line) ?>"
               data-n="<?= count($logLines) - $i ?>"><?= htmlspecialchars($line, ENT_QUOTES | ENT_SUBSTITUTE) ?></span>
         <?php endforeach; ?>
+        </div>
     </div>
 <?php endif; ?>