d5c283f474
Some checks are pending
build-gate / build (push) Waiting to run
On a phone, opening the studio's rail over the research dashboard left the dashboard's filter row painted across the drawer. Mounted content shares the drawer's stacking context, and the dashboard raises its filter bar to z-index 55 while the drawer sat at 20. While the drawer is open on a phone it now sits at z-index 1000: at that moment it is the only thing you can use. Desktop and plugin modal scrims keep their existing order. Checked at 390px on dashboard-plus-grid in the studio: the drawer covers the dashboard completely. doxa-maps-spa shares this layout and gets the same fix. |
||
|---|---|---|
| .. | ||
| app-wrapper-material | ||
| pane-wrapper | ||
| README.md | ||
| StackLayout.vue | ||
| VerticalTabsLayout.vue | ||
layouts/ — app wrappers
Each folder here is an app wrapper: a host shell that composes doxa-maps plugin-designs (the independently-built custom elements) into one application.
layouts/<wrapper>/ ← the HOST page (not a bundle)
┌──────────┬──────────────────────────────┐
│ sidebar │ mounts an app-profile here │
│ (nav.js) │ ┌──────────────┐ │
│ ├ item │ │ <doxa-map> │ ← a │
│ ├ section│ │ (a bundle) │ micro- │
│ └ folder │ └──────────────┘ frontend │
└──────────┴──────────────────────────────┘
- app-profile = a self-contained custom element (the micro-frontend). app wrapper = the host that mounts them and provides nav/chrome. A wrapper is a host page, not a bundle-in-a-bundle.
- Wrappers today:
app-wrapper-material/,pane-wrapper/. - Icons are inline SVG only (no CDN) — an F-Droid/offline hard requirement.
Sidebar contract, target filtering, sidebar modes, staging: ../documentation/architecture/app-wrappers.md.