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 {
-
+