fix: properly position toggle icon in mobile view

2024-10-22 11:57:43 +02:00
parent cee1f78fa9
commit 62ad3ee337
1 changed files with 2 additions and 2 deletions
@@ -117,11 +117,11 @@
                            </h2>
                            {teaser.bodytext -> f:format.html()}
                        </div>
-                        <div class="absolute left-0 bottom-0 w-full bg-white">
+                        <div class="absolute left-0 bottom-0 w-full bg-gradient-to-b from-transparent via-white via-20% to-white pt-2 md:pt-0">
                            <button type="button"
                                    data-autocollapse-target="button"
                                    data-action="autocollapse#toggle"
-                                    class="hidden text-ep-primary w-12 h-12 group toggle-more">
+                                    class="hidden text-ep-primary w-12 h-12 ml-4 md:ml-0 group toggle-more">
                                <f:render section="Icon" arguments="{icon: 'toggle'}" />
                            </button>
                            <div class="bg-ep-primary w-full md:w-1/3 h-1"></div>