The labeled graphic markers will always animate, even if you add a continue button to the lesson. Thank you for pointing out the confusion in our documentation, and we've updated our article to clarify that!
While there isn't a way to turn off the marker animation, I'll let our team know you need that option.
A workaround I found for anyone else looking for an answer: If you are exporting the course, in the main.bundle.css file, you can search for and delete the following segment of text:
@Adam Gojanovich - thanks for the workaround! It worked but... when you hover over the icon, there's a big black circle where the outer edges of the animation used to be. I guess it's less distracting than the pulsing glowing halo, but wouldn't it be nice to get rid of that black ring too? ;)
7 Replies
Hello, J!
The labeled graphic markers will always animate, even if you add a continue button to the lesson. Thank you for pointing out the confusion in our documentation, and we've updated our article to clarify that!
While there isn't a way to turn off the marker animation, I'll let our team know you need that option.
Being able to disable animation is WCAG requirement for accessibility. Has there been any update to this? Thanks.
Thanks for sharing your insight on this, Adam. We don't have updates on this yet, but we'll be sure to share in this thread if anything changes!
Appreciate the response @Lea Agato.
A workaround I found for anyone else looking for an answer: If you are exporting the course, in the main.bundle.css file, you can search for and delete the following segment of text:
"
.labeled-graphic-marker__pin:after{animation:markerPulse 2s ease-in-out infinite alternate;border:8px solid hsla(0,0%,100%,.5);border-radius:50%;bottom:-2.4rem;content:"";left:-2.4rem;pointer-events:none;position:absolute;right:-2.4rem;top:-2.4rem}@media(min-width:48em){.labeled-graphic-marker__pin{font-size:1.8rem;height:3rem;line-height:3.2rem;text-align:center;width:3rem}}
"
That will stop the animation. Obviously not the easiest solution to interrupt your export/publish workflow with that, but it can be done if needed.
@Adam Gojanovich - thanks for the workaround! It worked but... when you hover over the icon, there's a big black circle where the outer edges of the animation used to be. I guess it's less distracting than the pulsing glowing halo, but wouldn't it be nice to get rid of that black ring too? ;)
Hi Lea, is there an update on this please?
Hi, Sophie. We don't plan to change the default animation of labeled graphic markers, at least for this year. We'll let you know if that changes!