marijo/movmaker-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Popup ballon description font adjusted

Browse source
This commit is contained in:
hbrain 2026-06-21 13:44:19 +02:00
parent 0830dcf6e4
commit 29bfef3a64
4 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
style.css
View file

@ -218,5 +218,5 @@ body.map-lightbox-open { overflow: hidden; }
.site-header .header-actions svg{width:.75rem!important;height:.75rem!important;max-width:.75rem!important;max-height:.75rem!important;display:block}
/* Unreliable narrator header balloon */
.narrator-trigger{cursor:help;outline:none}.narrator-trigger:focus-visible{color:#F3F4F6;text-shadow:0 0 .35rem rgba(59,167,160,.55)}.narrator-balloon{position:absolute;left:50%;top:calc(100% + .85rem);transform:translateX(-50%) translateY(-.25rem);width:min(28rem,calc(100vw - 2rem));box-sizing:border-box;padding:.85rem 1rem;border:1px solid rgba(59,167,160,.55);border-radius:.85rem;background:rgba(17,19,21,.96);box-shadow:0 1rem 2.4rem rgba(0,0,0,.55);color:#F3F4F6;font-family:IBMPlexCaption,system-ui,sans-serif;font-size:.92rem;line-height:1.45;letter-spacing:normal;text-transform:none;text-align:left;z-index:1200;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.narrator-balloon::before{content:"";position:absolute;left:50%;top:-.48rem;width:.85rem;height:.85rem;transform:translateX(-50%) rotate(45deg);background:rgba(17,19,21,.96);border-left:1px solid rgba(59,167,160,.55);border-top:1px solid rgba(59,167,160,.55)}.narrator-balloon.is-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
@media (max-width:640px){.narrator-balloon{top:calc(100% + .65rem);font-size:.86rem;width:min(23rem,calc(100vw - 1.2rem));}}
.narrator-trigger{cursor:help;outline:none}.narrator-trigger:focus-visible{color:#F3F4F6;text-shadow:0 0 .35rem rgba(59,167,160,.55)}.narrator-balloon{position:absolute;left:50%;top:calc(100% + .85rem);transform:translateX(-50%) translateY(-.25rem);width:min(28rem,calc(100vw - 2rem));box-sizing:border-box;padding:.85rem 1rem;border:1px solid rgba(59,167,160,.55);border-radius:.85rem;background:rgba(17,19,21,.96);box-shadow:0 1rem 2.4rem rgba(0,0,0,.55);color:#F3F4F6;font-family:system-ui,sans-serif;font-weight:400;font-size:.72rem;line-height:1.36;letter-spacing:normal;text-transform:none;text-align:left;z-index:1200;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.narrator-balloon::before{content:"";position:absolute;left:50%;top:-.48rem;width:.85rem;height:.85rem;transform:translateX(-50%) rotate(45deg);background:rgba(17,19,21,.96);border-left:1px solid rgba(59,167,160,.55);border-top:1px solid rgba(59,167,160,.55)}.narrator-balloon.is-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
@media (max-width:640px){.narrator-balloon{top:calc(100% + .65rem);font-size:.70rem;width:min(23rem,calc(100vw - 1.2rem));}}