fix(theme): .rise uses fill-mode backwards so it stops trapping position:fixed descendants (OtOpcUa #643)
Claude-Session: https://claude.ai/code/session_01Ef2ozxS7QPanGT8uoATbTe
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
<Nullable>enable</Nullable>
|
<Nullable>enable</Nullable>
|
||||||
<ImplicitUsings>enable</ImplicitUsings>
|
<ImplicitUsings>enable</ImplicitUsings>
|
||||||
<LangVersion>latest</LangVersion>
|
<LangVersion>latest</LangVersion>
|
||||||
<Version>0.4.1</Version>
|
<Version>0.4.2</Version>
|
||||||
<ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally>
|
<ManagePackageVersionsCentrally>true</ManagePackageVersionsCentrally>
|
||||||
</PropertyGroup>
|
</PropertyGroup>
|
||||||
</Project>
|
</Project>
|
||||||
|
|||||||
@@ -225,7 +225,7 @@ a:hover { color: var(--accent-deep); text-decoration: underline; }
|
|||||||
Add .rise to top-level sections; stagger with inline animation-delay
|
Add .rise to top-level sections; stagger with inline animation-delay
|
||||||
(.02s, .08s, .14s …) so panels settle in sequence, not all at once. */
|
(.02s, .08s, .14s …) so panels settle in sequence, not all at once. */
|
||||||
@keyframes rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
|
@keyframes rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
|
||||||
.rise { animation: rise 0.4s ease both; }
|
.rise { animation: rise 0.4s ease backwards; /* backwards: end keyframe equals natural style, preventing a containing-block trap for position:fixed descendants */ }
|
||||||
|
|
||||||
/* ════════════════════════════════════════════════════════════════════════════
|
/* ════════════════════════════════════════════════════════════════════════════
|
||||||
COMPONENT LIBRARY
|
COMPONENT LIBRARY
|
||||||
|
|||||||
Reference in New Issue
Block a user