From fce7ab8c2ebd4a6f133f6d2b89c63cb7ad57b889 Mon Sep 17 00:00:00 2001 From: bilalgursen Date: Thu, 8 Oct 2026 23:59:16 +0300 Subject: [PATCH] =?UTF-8?q?fix(ui):=20alt=20sayfa=20g=C3=B6vdesi=20=C3=BCs?= =?UTF-8?q?t=20kenarda=20maskeli=20=E2=80=94=20i=C3=A7erik=20tutama=C3=A7?= =?UTF-8?q?=20ve=20=C3=A7arp=C4=B1n=C4=B1n=20alt=C4=B1na=20girmiyor?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Gövde kaydırılınca satırlar tutamaç şeridine ve §4.3 çarpısına (top-3, size-9) kadar maskesiz çıkıyor, çarpının arkasında kalıyordu (tasarımcı B4, 7 Eki). AltSayfaGovde'ye 20 px saydam → dolu mask-image: kutuya bağlı, içerikle kaymaz; pt-3 başlık maskenin dışında. Tek kaynak, tüm çekmeceler. Co-Authored-By: Claude Fable 5.1 --- src/components/ui/alt-sayfa.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/ui/alt-sayfa.tsx b/src/components/ui/alt-sayfa.tsx index b4cc213..e4a9287 100644 --- a/src/components/ui/alt-sayfa.tsx +++ b/src/components/ui/alt-sayfa.tsx @@ -628,7 +628,11 @@ function AltSayfaGovde({ className, ...props }: ComponentProps<"div">) { ref={sayfa?.govdeBagla} data-slot="alt-sayfa-govde" className={cn( - "min-h-0 flex-1 overflow-y-auto overscroll-contain group-data-[kisik]/alt-sayfa:touch-none group-data-[kisik]/alt-sayfa:overflow-hidden", + // Üst kenarda 20 px'lik saydam → dolu maske: kaydırılan içerik tutamaç + // şeridine ve §4.3 çarpısına (top-3, size-9) ulaşmadan söner; maske + // kutuya bağlı, içerikle kaymaz. Üstteki `pt-3` başlığı maskenin + // dışında tutar (8 Eki 2026). + "min-h-0 flex-1 overflow-y-auto overscroll-contain [mask-image:linear-gradient(to_bottom,transparent,black_1.25rem)] group-data-[kisik]/alt-sayfa:touch-none group-data-[kisik]/alt-sayfa:overflow-hidden", className, )} onWheel={sayfa?.govdeTekerlek}