Regions header: the ⓘ follows the dark theme as Share does; the print progress bar honours reduced motion

This commit is contained in:
Doxa Maps 2026-09-30 11:04:49 +00:00
parent 69cfb5e4d9
commit a6ed322325
2 changed files with 3 additions and 2 deletions

View file

@ -37,6 +37,7 @@ useShadowStyles(
'.mpp-kind{font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.55}' +
'.mpp-title{margin:3px 0 14px;font-size:15px;font-weight:700;line-height:1.3}' +
'.mpp-bar{height:5px;border-radius:99px;background:rgba(0,0,0,.10);overflow:hidden}' +
'.mpp-fill{height:100%;background:#10b981;border-radius:99px;transition:width .25s ease}'
'.mpp-fill{height:100%;background:#10b981;border-radius:99px;transition:width .25s ease}' +
'@media (prefers-reduced-motion: reduce){.mpp-fill{transition:none}}'
)
</script>

View file

@ -252,7 +252,7 @@ useShadowStyles(SHADOW_BOX_SIZING_RESET + PANE_GRID_STYLES + '\n' +
@select="go"
/>
<div class="hdr-btns" data-header-btns>
<MapInfoButton shape="rounded-square" />
<MapInfoButton :is-dark="isDark" shape="rounded-square" />
<ShareButton :is-dark="isDark" :embed-path="SHARE_EMBED_PATH" shape="rounded-square" />
</div>
</header>