From d38e066ce261d9f7a375cb4dcb2ff5b130127f0e Mon Sep 17 00:00:00 2001 From: Doxa Maps Date: Tue, 29 Sep 2026 21:04:26 +0000 Subject: [PATCH] The info popup's stacked-pages hint is visible The shadow card behind a packet's first page sits at z-index:-1; without a stacking context of its own it was painted under the dialog's white background and never seen. isolation:isolate on the stack keeps it just behind the page. --- library/components/info/MapInfo.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/library/components/info/MapInfo.vue b/library/components/info/MapInfo.vue index e2789c89b..e19f57d98 100644 --- a/library/components/info/MapInfo.vue +++ b/library/components/info/MapInfo.vue @@ -218,7 +218,9 @@ useShadowStyles(` .mi-hit.mi-open{ cursor:zoom-out; } .mi-page{ max-width:420px; margin:0 auto; } .mi-pages .mi-page + .mi-page{ margin-top:12px; } - .mi-stack{ position:relative; } + /* isolation: the shadow card behind the first page sits at z-index:-1, which without its own stacking + context is painted UNDER the dialog's white background, i.e. never seen. */ + .mi-stack{ position:relative; isolation:isolate; } .mi-stack::after{ content:''; position:absolute; inset:6px -6px -6px 6px; z-index:-1; border-radius:8px; background:#e3e6ee; box-shadow:0 1px 4px rgba(0,0,0,.15); } .mi-toggle{ display:inline-flex; align-items:center; min-height:44px; margin-top:10px; padding:0 16px;