search

shikijs / shiki-magic-move

Smoothly animated code blocks with Shiki
https://shiki-magic-move.netlify.app/
MIT License
1.11k stars 32 forks source link

fix(playground): move "animating" text below codeblock #5

Closed McPizza0 closed 3 months ago

McPizza0 commented 3 months ago

fix #4

antfu commented 3 months ago

I guess maybe instead of removing the element, we could toggle the opacity to zero, so it doesn't cause the layout shift. The reason I don't want to put it below is that the container might resize and cause the indicator moves

McPizza0 commented 3 months ago

toggle the opacity to zero

thats fair and a good approach it would leave an misalignment between the input and shiki though image

another alternative is to place it inline with the button image

antfu commented 3 months ago

I am up for that. We will find a better way to indicate that later.

McPizza0 commented 3 months ago

updated