diff --git a/examples/app_hub/hub-landing.css b/examples/app_hub/hub-landing.css index c08f253..22b94b5 100644 --- a/examples/app_hub/hub-landing.css +++ b/examples/app_hub/hub-landing.css @@ -5,19 +5,16 @@ --landing-footer-h: 40px; --landing-left-w: 56px; --landing-rail-w: 44px; - display: flex; - flex-direction: column; - min-height: 100vh; - min-height: 100dvh; width: 100%; max-width: 100%; - overflow-x: clip; - overflow-y: auto; + height: 100vh; + height: 100dvh; + overflow: hidden; } /* (1) Top header */ .landing-top { - position: sticky; + position: fixed; top: 0; left: 0; right: 0; @@ -152,11 +149,11 @@ /* Frame: (2) left + (3) body + space for (4) rail */ .landing-frame { - position: relative; - flex: 1 1 auto; - width: 100%; - max-width: 100%; - min-height: calc(100dvh - var(--landing-header-h) - var(--landing-footer-h)); + position: fixed; + top: var(--landing-header-h); + left: 0; + right: 0; + bottom: var(--landing-footer-h); display: flex; z-index: 5; pointer-events: none; @@ -169,9 +166,8 @@ flex-direction: column; flex: 0 0 var(--landing-left-w); width: var(--landing-left-w); - align-self: stretch; - min-height: 100%; - max-height: none; + height: 100%; + max-height: 100%; overflow: hidden; z-index: 3; pointer-events: auto; @@ -196,15 +192,19 @@ .landing-scroll { flex: 1; min-width: 0; - align-self: stretch; - min-height: 100%; + height: 100%; overflow-y: auto; overflow-x: hidden; scroll-snap-type: y mandatory; scroll-behavior: smooth; pointer-events: auto; - scrollbar-width: thin; - scrollbar-color: var(--border) transparent; + scrollbar-width: none; + -ms-overflow-style: none; +} +.landing-scroll::-webkit-scrollbar { + display: none; + width: 0; + height: 0; } .landing-page { diff --git a/examples/app_hub/index.php b/examples/app_hub/index.php index 146ebee..b1b8f76 100644 --- a/examples/app_hub/index.php +++ b/examples/app_hub/index.php @@ -38,7 +38,7 @@ function hub_h(string $s): string { - +