diff --git a/plugin-designs/regions-dashboard/region-dashboards.vue b/plugin-designs/regions-dashboard/region-dashboards.vue index 83064ec71..f5bd264f8 100644 --- a/plugin-designs/regions-dashboard/region-dashboards.vue +++ b/plugin-designs/regions-dashboard/region-dashboards.vue @@ -730,7 +730,7 @@ useShadowStyles( // xl 31.3 / 2xl 41.6 / 3xl 55.3. Type is the 1.25 scale off 10px: sm 15.6 / md 19.5 / // lg 24.4 / 2xl 38.1 / 3xl 47.7 / 4xl 59.6 / 5xl 74.5. // NO BACKTICKS in this string, including comments (house style: one terminates the literal). - ':host{ display:block; width:100%; height:100%; min-height:320px; }' + + ':host{ display:block; position:relative; width:100%; height:100%; min-height:320px; }' + '.rd-root{ position:absolute; inset:0; display:flex; flex-direction:column; min-height:0;' + // tokens/semantic/_colors.scss. --color-brand-lighter is declared TWICE there; the second // wins, so it is green-300 #6d766e, not green-200. diff --git a/plugin-designs/regions-dashboard/regions-list.vue b/plugin-designs/regions-dashboard/regions-list.vue index e5479734d..207ba80af 100644 --- a/plugin-designs/regions-dashboard/regions-list.vue +++ b/plugin-designs/regions-dashboard/regions-list.vue @@ -405,7 +405,7 @@ useShadowStyles( // Their _reset.scss:3-8 FIRST -- see src/shadowReset.js. SHADOW_BOX_SIZING_RESET + DXLIFE_TOKENS + - ':host{ display:block; width:100%; height:100%; min-height:320px; }' + + ':host{ display:block; position:relative; width:100%; height:100%; min-height:320px; }' + '.rl-root{ position:absolute; inset:0; display:flex; flex-direction:column; min-height:0;' + // --dx-surface = --color-surface-default ($color-beige-50); --dx-elevated = --color-surface-white // --dx-text = --color-text-on-default ($color-green-600 #2a332a) -- body copy on the light page bg diff --git a/plugin-designs/regions-dashboard/regions-mfe.vue b/plugin-designs/regions-dashboard/regions-mfe.vue index 1d86ebace..180fe84be 100644 --- a/plugin-designs/regions-dashboard/regions-mfe.vue +++ b/plugin-designs/regions-dashboard/regions-mfe.vue @@ -191,7 +191,7 @@ useShadowStyles(SHADOW_BOX_SIZING_RESET + PANE_GRID_STYLES + '\n' + // chain resolves to ZERO unless the HOST itself is sized — the "elements are not embedding" // failure upg-100-mfe documents. Declaring :host makes this fill whatever slot it is mounted // into, in every deploy method. - ':host{ display:block; width:100%; height:100%; min-height:420px; }' + + ':host{ display:block; position:relative; width:100%; height:100%; min-height:420px; }' + // Material LIGHT palette only — no dark mode, no prefers-color-scheme override. '.rmfe{ --ui-bg:#ffffff; --ui-bg-elevated:#f3f3f1; --ui-bg-accented:#f3f3f1;' + ' --ui-border:#d1d4cd; --ui-text:#3b463d; --ui-text-muted:#6d766e; --ui-primary:#92b195;' + diff --git a/public/dx-maps/doxa-maps-spa/manifest.json b/public/dx-maps/doxa-maps-spa/manifest.json index 34d3611b1..30ad1cdfd 100644 --- a/public/dx-maps/doxa-maps-spa/manifest.json +++ b/public/dx-maps/doxa-maps-spa/manifest.json @@ -1126,7 +1126,7 @@ "bundle": "regions-dashboard", "scriptUrl": "./regions-dashboard/regions-dashboard.js", "output": "dx-maps/regions-dashboard/regions-dashboard.js", - "integrity": "sha384-ZvJGcuWsTs4ZvI11xU4ugS85NMHR57ddkjh2134qmd77FNq438z9KHHP4L2pSrDl", + "integrity": "sha384-QRHERxha2emqNjlLBjv5aWoRk5UD0A7Y358R4VfsVYn6hfODWGmBliLCTJMsFIm1", "elements": [ "regions-dashboard" ], @@ -1149,8 +1149,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -1166,7 +1166,7 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -1182,8 +1182,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] diff --git a/public/dx-maps/manifest.json b/public/dx-maps/manifest.json index 34d3611b1..30ad1cdfd 100644 --- a/public/dx-maps/manifest.json +++ b/public/dx-maps/manifest.json @@ -1126,7 +1126,7 @@ "bundle": "regions-dashboard", "scriptUrl": "./regions-dashboard/regions-dashboard.js", "output": "dx-maps/regions-dashboard/regions-dashboard.js", - "integrity": "sha384-ZvJGcuWsTs4ZvI11xU4ugS85NMHR57ddkjh2134qmd77FNq438z9KHHP4L2pSrDl", + "integrity": "sha384-QRHERxha2emqNjlLBjv5aWoRk5UD0A7Y358R4VfsVYn6hfODWGmBliLCTJMsFIm1", "elements": [ "regions-dashboard" ], @@ -1149,8 +1149,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } }, { @@ -1166,7 +1166,7 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n" + "script": "\n\n\n" } }, { @@ -1182,8 +1182,8 @@ "scriptUrl": "./regions-dashboard/regions-dashboard.js", "embed": { "iframe": "", - "script": "\n\n\n\n\n\n", - "scriptMapbox": "\n\n\n\n\n\n" + "script": "\n\n\n\n\n\n", + "scriptMapbox": "\n\n\n\n\n\n" } } ] diff --git a/public/dx-maps/regions-dashboard/region-dashboards/index.html b/public/dx-maps/regions-dashboard/region-dashboards/index.html index 57d44b00f..0d5a4890a 100644 --- a/public/dx-maps/regions-dashboard/region-dashboards/index.html +++ b/public/dx-maps/regions-dashboard/region-dashboards/index.html @@ -65,7 +65,7 @@ - + - + - +