From 26e2df1425288c72b94e8776fd8599ef0d8f2fd2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=BCrgen=20Mummert?= Date: Sun, 24 May 2026 16:52:57 +0200 Subject: [PATCH] Fix Firefox survey overflow --- contao/templates/frontend/_survey_assets.html.twig | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/contao/templates/frontend/_survey_assets.html.twig b/contao/templates/frontend/_survey_assets.html.twig index 64bb381..81dc76c 100644 --- a/contao/templates/frontend/_survey_assets.html.twig +++ b/contao/templates/frontend/_survey_assets.html.twig @@ -42,15 +42,20 @@ align-items: center; gap: 1.5rem; justify-content: center; - width: calc(100% - (var(--survey-page-gutter) * 2)); max-width: 1400px; box-sizing: border-box; - margin: 0 auto clamp(2rem, 4vw, 3.5rem); + margin-top: 0; + margin-right: max(var(--survey-page-gutter), calc((100% - 1400px) / 2)); + margin-bottom: clamp(2rem, 4vw, 3.5rem); + margin-left: max(var(--survey-page-gutter), calc((100% - 1400px) / 2)); padding: 1rem 1.25rem 0.5rem; } .survey-brand-logo { display: block; + min-width: 0; + max-width: 100%; + flex-shrink: 1; object-fit: contain; object-position: center; } @@ -68,11 +73,10 @@ } .survey-shell { - width: calc(100% - (var(--survey-page-gutter) * 2)); max-width: 1400px; box-sizing: border-box; - margin-left: auto; - margin-right: auto; + margin-left: max(var(--survey-page-gutter), calc((100% - 1400px) / 2)); + margin-right: max(var(--survey-page-gutter), calc((100% - 1400px) / 2)); color: var(--survey-black); font-family: "PT Sans Narrow", sans-serif; letter-spacing: 0.3px;