Unable to load image

New animations (Voting, dropdown, reply) and improved design

Hello friends, I worked on some UI changes today and I hope you enjoy them. It will improve the rDrama experience

  • Upvotes and downvotes are now animated, very satisfying !

  • An adaptive shadow is displayed on the navigation bar. the lower you scroll the more shadowy it will become (to a limit of course)

  • The replies modal (quick reply) is now animated and expands out cleanly

  • Dropdown menus are also animated and have a shadow. A few go lower than expected but I will fix this soon, just need to remove some leftover crust on the HTML

Other things worth mentioning: I made the rDrama logo in the top right not expand all the way anymore, this is because in my next patch I will add a feature to click the navbar to scroll back to top

Thank u friends, a bit new to being a codecel here but i enjoy making changes to improve the site

:#firecat:


Updates: Animations can be disabled in the config menu. Fixed bugs with mobile phones and stuff, and fixed up some components.

Scroll to top has been added to the top of the screen


Offtopic nerd shit and codecel shilling :marseybegging:, but I am developing my own fediverse frontend in C, called Treebird, here is a screenshot.

That technically makes it rDramaware too..... because soon, our Fediverse instance will switch from Pleroma's default frontend to Treebird as the default. It does not require Javascript and is very fast but I'm still working on it :marseycodecel: I want to make sure the first version is usable enough for everyone. SHILL END

60
Jump in the discussion.

No email address required.

It's nice and all, but I hate animated shit. It's too slow and distracting. Is there any way to disable it?

Jump in the discussion.

No email address required.

Not yet but it shouldn't be hard to just have an option that just does * { animation: unset; } to every element on the site

I guess I will do that in the morning, or someone else can do that, I understand ppl's concerns for animations i didn't want to go overly heavy with them

Also: this whole site is designed to be annoying so i hope u can live for a night with the .3s animations i added lole

Jump in the discussion.

No email address required.

Thanks, nekobit.

:marseyexcited:

Jump in the discussion.

No email address required.

Check MDN, there's a CSS propriety that the user can set in its settings to require less animations. Maybe you could use that

Jump in the discussion.

No email address required.

It's a media query:

prefers-reduced-motion

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion

And the toggle for animations should turn off all animations.

Also you guys should integrate Stylelint https://stylelint.io/ into your pre-commit hooks/CI builds.

It tells you these things before we need to.

Jump in the discussion.

No email address required.

Also you guys should integrate Stylelint https://stylelint.io/ into your pre-commit hooks/CI builds.

those things are handled by @Aevann and @TwoLargeSnakesMating

Jump in the discussion.

No email address required.

Oh how very typical.

Passing your work off onto others for them to improve.

My junior developers would have to spend a few hours in the "nothing" room with that kind of attitude.

Jump in the discussion.

No email address required.

:#marseywords:

Jump in the discussion.

No email address required.

And the toggle for animations should turn off all animations.

Disabling animated awards is a violation of rDrama's ToS and vision

Jump in the discussion.

No email address required.

Animations are also very ableist.

Which is a good thing!

Jump in the discussion.

No email address required.

Link copied to clipboard
Action successful!
Error, please refresh the page and try again.