Regions header: the ⓘ follows the dark theme as Share does; the print progress bar honours reduced motion
This commit is contained in:
parent
69cfb5e4d9
commit
a6ed322325
2 changed files with 3 additions and 2 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue