element-web icon indicating copy to clipboard operation
element-web copied to clipboard

Animations.

Open ara4n opened this issue 8 years ago • 4 comments

Somehow we don't have an issue to track the process of finally glossing up the UI with some animations. Some obvious ones are:

  • [ ] Slide messages into the timeline as they are sent. Typing notifs would similarly slide into view when being 'sent' rather than living in the status bar, a la iMessage. @lukebarnard1 had a PR for this but I can't find it now?
  • [ ] Hoverovers on buttons (which the Status theme has, after a fashion)
  • [ ] Fading in images (perhaps?)
  • [ ] Fading in error messages
  • [ ] Fading in/out or dissolving between registration/login screens
  • [ ] Animated transitions on toggle buttons
  • [ ] Animations when changing tint(!?)
  • [ ] Transitions when minimising/maximising widgets
  • [ ] Transitions when going in and out of VoIP calls
  • [ ] Smooth scrolling when jumping to a permalink (if it's in the scrollback buffer)
  • [ ] Fade in/out on showing tooltips and context menus
  • [ ] Prettier spinner (especially on dark bg)

ara4n avatar Dec 13 '17 23:12 ara4n

@lukebarnard1 had a PR for this but I can't find it now?

https://github.com/matrix-org/matrix-react-sdk/pull/728 is the one. I'm not sure if it's useful any more.

lukebarnard1 avatar Dec 14 '17 10:12 lukebarnard1

Maybe also have something like the jumping dots that show up next to the typing notifications in Discord.

poperigby avatar Sep 29 '19 20:09 poperigby

This hasn't seen any traction in a really long time and by now is probably superseded by the UI refresh / Compound adoption project anyway.

Johennes avatar Oct 05 '23 14:10 Johennes

this is still a valid hitlist of animations we largely lack. reopening it to get it back on the radar rather than arbitrarily hidden.

ara4n avatar Feb 13 '24 09:02 ara4n