search

halfmoonui / halfmoon

Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
https://www.gethalfmoon.com
MIT License
3.04k stars 118 forks source link

Dropdown/Tooltip animation is very jarring #61

Open Achilles1515 opened 4 years ago

Achilles1515 commented 4 years ago

As a comment stated on one of your Reddit posts the dropdown & tooltip animated transform is jarring and sort of looks janky. I think it is bad UX that the content of the dropdown button/tooltip root element gets covered, for 0.1 seconds, by the element becoming visible. It creates this weird and unexpected flash, and it looks especially horrible for tooltips that don't project into the client viewport.

GIF

Taking off this transition makes it look so much better, in my opinion, and way easier on the eyes. It is an unneeded opinionated animation - if the user wants this, they should just add it themselves. image

GIF - new

GIF - 2

halfmoonui commented 4 years ago

Thank you for raising a proper issue, I lose track on Reddit. Anyway, I will address this issue (along with other transition related ones) very soon. Though for this specific case, I am not sure if turning transitions off completely is a good idea.

lucivaldo commented 4 years ago

I also find the dropdown effect somewhat aggressive, in fact it bothers me, maybe other devs have the same impression. In my opinion, the effect could be smoother without this shock.

fabiocaccamo commented 3 years ago

@Achilles1515 @lucivaldo I agree, the same for tooltips. Frankly I would make transitions off by default and customizable with some classes.

@halfmoonui any update on this?