doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

The info popup's stacked-pages hint is visible

Browse source 
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.
This commit is contained in:
Doxa Maps 2026-09-29 21:04:26 +00:00
parent 614c3248d3
commit d38e066ce2
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
library/components/info/MapInfo.vue
View file

@ -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;