From 1f91919dca029e39c8e65cbe8370d450a7534224 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 8 Jun 2026 08:11:59 +0000
Subject: [PATCH 1/2] fix(overlay): add background to log overlay and use
monospace font
Fixes two issues from #8089:
- Add background-color to overlay-log so the container is visible
before text starts appearing
- Use monospace font in overlay iframe content for better log readability
- Bump CSS cache version to v12
---
php/public/style.css | 2 ++
php/src/Controller/DockerController.php | 2 +-
php/templates/layout.twig | 2 +-
php/templates/log.twig | 2 +-
4 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/php/public/style.css b/php/public/style.css
index a3c24c38..3a4801fd 100644
--- a/php/public/style.css
+++ b/php/public/style.css
@@ -487,10 +487,12 @@ input[type="checkbox"]:disabled:not(:checked) + label {
height: min(400px, calc(100vh - 14rem));
border-radius: var(--border-radius-large);
border: solid thin rgb(192, 192, 192);
+ background-color: var(--color-main-background);
}
.overlay-iframe {
padding: 1rem;
+ font-family: monospace;
}
.loader {
diff --git a/php/src/Controller/DockerController.php b/php/src/Controller/DockerController.php
index b6cb7c24..1e50278a 100644
--- a/php/src/Controller/DockerController.php
+++ b/php/src/Controller/DockerController.php
@@ -418,7 +418,7 @@ readonly class DockerController {
-
+
diff --git a/php/templates/layout.twig b/php/templates/layout.twig
index 469afa40..e79a09dd 100644
--- a/php/templates/layout.twig
+++ b/php/templates/layout.twig
@@ -2,7 +2,7 @@
AIO
-
+
diff --git a/php/templates/log.twig b/php/templates/log.twig
index 1ef85342..e3396d70 100644
--- a/php/templates/log.twig
+++ b/php/templates/log.twig
@@ -2,7 +2,7 @@
AIO
-
+
From 313c39d2bca4af48f5f2201cd8619cbb61b1a3ce Mon Sep 17 00:00:00 2001
From: "Simon L."
Date: Tue, 9 Jun 2026 14:31:23 +0200
Subject: [PATCH 2/2] Apply suggestion from @szaimen
Signed-off-by: Simon L.
---
php/public/style.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/php/public/style.css b/php/public/style.css
index 3a4801fd..3c657c2c 100644
--- a/php/public/style.css
+++ b/php/public/style.css
@@ -492,7 +492,7 @@ input[type="checkbox"]:disabled:not(:checked) + label {
.overlay-iframe {
padding: 1rem;
- font-family: monospace;
+ font-family: monospace, system-ui, -apple-system, 'Segoe UI', Roboto, Oxygen-Sans, Cantarell, Ubuntu, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.loader {