bilal/kolaytercih
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(tema): geçiş maskesinde logo görünmüyordu — SVG katmanları CSS'e gömüldü; alttan uçuş + boşluk kapanışı koreografisi

Browse Source 
Chrome, view-transition pseudo elemanında dosyadan url() ile yüklenen ikinci
maske katmanını (boyu 0'dan büyükken) tümden şeffaf çiziyor; iki SVG de
data URI olarak globals.css'e gömüldü. Koreografi (önceki oturum): işaret
ekranın altından ortaya süzülür, merkezden büyür, kareler arası boşluklar
dolu çizimle merkezden dışa kapanır; motion sürer. Geçici console tanıları
kaldırıldı, iptal edilen geçişin ready reddi yakalanıyor.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-10-08 23:33:56 +03:00
parent 5f7ea8bbcd
commit 9f401602a8
6 changed files with 193 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
docs/tasarim/DESIGN.md
View File

@@ -133,9 +133,13 @@ Seçici `src/components/tema-secici.tsx` (footer'da), sağlayıcı `src/componen
(`next-themes`, `<html class="dark">`). Renklerin tek kaynağı `src/app/globals.css` içindeki
`.dark` bloğu.
**Geçiş ve kısayol (7 Eki 2026):** tema değişimi anlık değildir; yeni tema header'daki
KolayTercih işaretinin biçiminde logodan büyüyerek açılır (View Transitions + CSS maskesi:
`src/lib/tema-gecisi.ts`, `globals.css` `.kt-tema-gecis`; hareket azaltılmışsa düz değişir).
**Geçiş ve kısayol (7 Eki 2026):** tema değişimi anlık değildir; yeni tema
KolayTercih işaretinin biçiminde önce ekranın altından ortaya süzülür, sonra
merkezden büyüyerek ekranı kaplar — büyüme boyunca logo normal, boşluklu
hâliyle görünür; en büyük haline yaklaştıkça kareler arası boşluklar
merkezden dışa doğru yumuşak biçimde kapanır (View Transitions + CSS
maskesi, maskeyi motion sürer: `src/lib/tema-gecisi.ts`, `globals.css`
`.kt-tema-gecis`; hareket azaltılmışsa düz değişir).
`D` tuşu açık ↔ koyu geçişi yapar (`src/components/tema-kisayolu.tsx`); ipucu seçicinin
altında `Kbd` ile durur, başka yere kopyalanmaz. Header'daki Beta rozeti `/surum-notlari`na
bağlantıdır.