dvorakmortonxd/dvorakmortonxd.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix scroll-reveal hiding above-the-fold content (hero painted after the section below it)

Browse source
This commit is contained in:
Martin Dvořák 2026-09-30 08:05:55 +00:00
commit eb2956c3f9
2 changed files with 23 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/globals.css
View file

@ -230,15 +230,19 @@ html[data-device="phone"] .desktop-toggle {
Motion — scroll reveals only
------------------------------------------------------------------ */
/* Visible by default: Reveal only hides elements that start below the fold, so
above-the-fold content (the hero) is never hidden while waiting for JS. */
.reveal {
opacity: 0;
transform: translate3d(0, 14px, 0);
transition:
opacity 0.55s ease-out,
transform 0.55s ease-out;
transition-delay: var(--delay, 0ms);
}
.reveal.is-in {
.reveal.reveal-armed {
opacity: 0;
transform: translate3d(0, 14px, 0);
}
.reveal.reveal-armed.is-in {
opacity: 1;
transform: none;
}
@ -262,8 +266,8 @@ html[data-device="phone"] .desktop-toggle {
scroll-behavior: auto;
}
.reveal {
opacity: 1;
transform: none;
opacity: 1 !important;
transform: none !important;
transition: none;
}
.animate-blink {