EP/myep
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: avoid content shift caused by scrollbar

Browse Source
This commit is contained in:
Björn Fromme
2026-08-17 16:14:25 +02:00
parent f00351706e
commit 8271a69f45
18 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/booking/create/step_1.html.twig
+1 -1
View File
@@ -57,7 +57,7 @@
<div class="hidden lg:block shrink-0">
{% include 'booking/_pagination.html.twig' with { 'current_step': 1 } %}
</div>
<div class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
<div class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
<h2 class="pb-4">
Unterkunft
</h2>
templates/booking/create/step_2.html.twig
+1 -1
View File
@@ -30,7 +30,7 @@
<div class="hidden lg:block shrink-0">
{% include 'booking/_pagination.html.twig' with { 'current_step': 2 } %}
</div>
<div class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
<div class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
<h2 class="pb-4">
Teilnehmer:innen
</h2>
templates/booking/create/step_2_participant.html.twig
+1 -1
View File
@@ -27,7 +27,7 @@
<div class="hidden lg:block shrink-0">
{% include 'booking/_pagination.html.twig' with { 'current_step': 2 } %}
</div>
<div id="main-content" class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
<div id="main-content" class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
{# Flash messages - must be inside main-content for HTMX swap to display them #}
{% include '_partials/_flashes.html.twig' %}
{% include 'booking/_participant_form.html.twig' with {
templates/booking/create/step_3.html.twig
+1 -1
View File
@@ -32,7 +32,7 @@
<div class="hidden lg:block shrink-0">
{% include 'booking/_pagination.html.twig' with { 'current_step': 3 } %}
</div>
<div class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
<div class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
<h2 class="pb-4">
Zahlungsart
</h2>
templates/booking/create/step_4.html.twig
+2 -2
View File
@@ -26,7 +26,7 @@
<span class="block uppercase font-semibold">Buchungsübersicht</span>
</div>
</div>
<div class="overflow-y-auto px-4 lg:px-8 py-8">
<div class="overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
{% include 'booking/_summary_travel_info.html.twig' with {
'bookingDto': bookingCreateContext.bookingDto,
'summaryData': bookingCreateContext.summaryData,
@@ -42,7 +42,7 @@
<div class="hidden lg:block shrink-0">
{% include 'booking/_pagination.html.twig' with { 'current_step': 4 } %}
</div>
<div class="flex-1 overflow-y-auto px-4 lg:px-8 py-8">
<div class="flex-1 overflow-y-auto scroll-stable px-4 lg:px-8 py-8">
<h2 class="pb-4">
Bitte bestätige deine Buchung
</h2>