diff --git a/examples/app_hub/hub-landing.css b/examples/app_hub/hub-landing.css index c3dfb1f..d4c264e 100644 --- a/examples/app_hub/hub-landing.css +++ b/examples/app_hub/hub-landing.css @@ -151,7 +151,7 @@ right: 0; bottom: var(--landing-footer-h); display: flex; - z-index: 2; + z-index: 5; pointer-events: none; } @@ -410,12 +410,20 @@ } /* (5) Footer stays platform-footer; lift above globe */ -.hub-landing .platform-footer { +.hub-landing .bottom-bar.platform-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 12; + height: var(--landing-footer-h); + min-height: var(--landing-footer-h); + max-height: var(--landing-footer-h); + pointer-events: none; +} +.hub-landing .bottom-bar.platform-footer a, +.hub-landing .bottom-bar.platform-footer button { + pointer-events: auto; } /* Clock widget below header */ diff --git a/examples/app_hub/hub-logo-layers.css b/examples/app_hub/hub-logo-layers.css index 8139383..943ae3d 100644 --- a/examples/app_hub/hub-logo-layers.css +++ b/examples/app_hub/hub-logo-layers.css @@ -29,14 +29,15 @@ /* Interactive globe canvas replaces globe + continents + gridOverlay when globe3d=1 */ .hub-globe-canvas { position: fixed; - z-index: 3; - pointer-events: auto; + z-index: 1; + pointer-events: none; cursor: grab; touch-action: none; border-radius: 50%; } .hub-globe-canvas.is-dragging { + pointer-events: auto; cursor: grabbing; } diff --git a/examples/app_hub/hub.css b/examples/app_hub/hub.css index 56322a1..eb43e1b 100644 --- a/examples/app_hub/hub.css +++ b/examples/app_hub/hub.css @@ -904,11 +904,19 @@ inset: 0; z-index: 20; } +.hub-docs-modal[hidden] { + display: none !important; + pointer-events: none !important; +} .hub-docs-backdrop { position: absolute; inset: 0; background: rgba(4, 8, 14, 0.66); + pointer-events: auto; +} +.hub-docs-modal[hidden] .hub-docs-backdrop { + pointer-events: none; } .hub-docs-panel { diff --git a/examples/app_hub/index.php b/examples/app_hub/index.php index bdda573..1c628f2 100644 --- a/examples/app_hub/index.php +++ b/examples/app_hub/index.php @@ -36,9 +36,9 @@ function hub_h(string $s): string { })(); - - - + + + -
+