paramètres: fix logs Copier button scrolling out of view on horizontal scroll

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.
This commit is contained in:
Pontoporeia
2026-07-10 15:21:29 +02:00
parent 3e3d829d11
commit c67262673f
3 changed files with 7 additions and 1 deletions
+1
View File
@@ -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
+3
View File
@@ -306,6 +306,9 @@
line-height: 1.55;
max-height: 62vh;
overflow-y: auto;
}
.log-output-wrapper {
position: relative;
}
.log-line {
@@ -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; ?>