gsadmin/KoalaSync
1
0
Fork 0
mirror of https://github.com/Shik3i/KoalaSync.git synced 2026-08-07 01:43:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: reserve open-popup height for hero demo scene

Browse Source 
The scene animated its own height when the walkthrough toggled the
extension popup; with the vertically centered hero grid this re-centered
the left column and shifted everything below on mid-size screens. The
scene now always reserves the 600px open state, so toggling the popup
never reflows the page.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
KoalaDev
2026-07-05 21:56:37 +02:00
parent 37df4b267c
commit da681e9e3f
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/style.css
+3 -9
View File
@@ -3475,18 +3475,12 @@ header[id] {
container-type: inline-size;
}
/* The scene is sized for the two cascading tab cards; opening the popup
grows it. (Without JS the popup-open class is set in the markup, so the
static fallback always has room for the popup.) */
/* The scene always reserves the height of the open-popup state, so the
walkthrough toggling the popup never changes layout height (no vertical
jumping of the hero or the content below). */
.hero-demo-scene {
position: relative;
width: 100%;
height: 390px;
height: calc(66cqw + 78px);
transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.hero-demo-scene.popup-open {
height: 600px;
}