From a1245715a99d06b30f016f063cabe172cde090ec Mon Sep 17 00:00:00 2001 From: Sackboi Date: Sun, 23 Aug 2026 19:44:50 -0500 Subject: [PATCH] fix(ui): enable internal touch scrolling and fixed continuous background in about section Isolates smooth momentum vertical scrolling to the about section container on mobile while fixing the background tablero and noise overlays to cover the entire scrollable height without cutoff. --- .../landing/about/about-section.component.css | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/src/app/features/landing/about/about-section.component.css b/src/app/features/landing/about/about-section.component.css index 490b9eb..ca1bd82 100644 --- a/src/app/features/landing/about/about-section.component.css +++ b/src/app/features/landing/about/about-section.component.css @@ -1,13 +1,14 @@ @reference "../../../../styles.css"; .about { - @apply w-full min-h-[calc(100dvh-4.5rem)] pt-24 pb-20 sm:pt-26 md:pt-28 bg-background-light dark:bg-[#0a0a0d] relative flex flex-col justify-start overflow-y-auto overflow-x-hidden; + @apply w-full h-[calc(100dvh-4rem)] md:min-h-[calc(100dvh-4.5rem)] pt-14 pb-28 sm:pt-20 md:pt-24 bg-background-light dark:bg-[#0a0a0d] relative flex flex-col justify-start overflow-y-auto overflow-x-hidden; + -webkit-overflow-scrolling: touch; transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1); } /* Dual Background Layers for Smooth Theme Cross-Fade */ .about__tablero { - position: absolute; + position: fixed; inset: 0; background-size: cover; background-position: center; @@ -38,7 +39,7 @@ } .about__noise { - @apply absolute inset-0 pointer-events-none z-2; + @apply fixed inset-0 pointer-events-none z-2; opacity: 0.035; background-image: url("/assets/backgrounds/bg-noise.svg"); } @@ -110,9 +111,7 @@ 0 2px 10px rgba(0, 0, 0, 0.95); } -/* Content Stage */ +/* Stage container for 2-column dossier content */ .about__content-stage { - width: 100%; - display: flex; - justify-content: center; + @apply w-full; }