misskey icon indicating copy to clipboard operation
misskey copied to clipboard

Animation for opening/closing content warning

Open ThatOneCalculator opened this issue 2 years ago • 4 comments

Summary

A small CSS animation (<0.4s) for opening & closing a post with a content warning would make it just feel a bit nicer.

ThatOneCalculator avatar May 18 '22 02:05 ThatOneCalculator

Depending on the kind of animation, it is generally difficult to animate the opening and closing of elements that contain dynamic content and whose height is not known in advance in the CSS.

syuilo avatar May 19 '22 08:05 syuilo

I think it should be possible to use transition: max-height ..., I found this example article about it.

Johann150 avatar May 19 '22 08:05 Johann150

I think it should be possible to use transition: max-height ..., I found this example article about it.

Box size transitions are known as anti-patterns because they generate a lot of layout recalculation.

acid-chicken avatar May 24 '22 05:05 acid-chicken

I think it should be possible to use transition: max-height ..., I found this example article about it.

Sadly, it is well known that max-height does not work well enough: https://dev.to/reegodev/comment/33cg

syuilo avatar Jul 02 '22 12:07 syuilo