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

  • Upmarseys and downmarseys 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.

If the new expanding reply boxes and bouncing vote buttons aren't quite your thing, there's now an 'Animations' toggle toward the bottom of https://rdrama.net/settings/content

The dropdown animation and shadow changes—among a great many other minor UI changes—are unaffected by this. Thanks for touching the site up a bit, Neko!

Jump in the discussion.

No email address required.

The dropdown animation and shadow changes—among a great many other minor UI changes—are unaffected by this.

:#marseydepressed:


treasure Found 84 Coins!

:marsoy:

....

:marseydepressed:

Jump in the discussion.

No email address required.

The dropdown animation and shadow changes—among a great many other minor UI changes—are unaffected by this.

Not very great for UX.

Jump in the discussion.

No email address required.

This makes my browser crash though

Jump in the discussion.

No email address required.

use Edge like a man. It doesn't crash.

Jump in the discussion.

No email address required.

Edge does not meet the GNOME® vision of the desktop.

Jump in the discussion.

No email address required.

STALLMANNNN!!!

Jump in the discussion.

No email address required.

I'm ngl I thought u were just some r-slur posting bullshit but it looks like this is real so good job it works great

Jump in the discussion.

No email address required.

thx mate

Jump in the discussion.

No email address required.

removed by @Aevann

what did he mean by this

Jump in the discussion.

No email address required.

I am fixing the bugs

Jump in the discussion.

No email address required.

Too bad all of this shit is broken

:marseybride:

Jump in the discussion.

No email address required.

what is broken ?

Jump in the discussion.

No email address required.

nothings broken but the reply box animation feels little jank, otherwise great job!

https://i.rdrama.net/images/16841286958791184.webp

edit slowed down version

/images/165380896295903.webp

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.

I don't know if I am the only one who thinks this way, and I do not wish to criticize a new codecel's work, but I will bite my tongue nonetheless:

These animations would not be out of place on a mobile app. But their implementation on the desktop site - which is the only version I am familiar with - is jarring. The previous style is clean, angular, sharp, focused on function and minimalist by coincidence. Your animations lend the desktop experience to be more superfluous and dopaminergic - e.g. animated votes are indeed very satisfying in a fashion that is without substance.

This is wordswordswords to essentially say: I don't like it (for the desktop site).

Sorry if it comes off as rude. If there is a setting to disable these animations I wouldn't mind.

Jump in the discussion.

No email address required.

an option to disable it will be written here soon

Jump in the discussion.

No email address required.

That degree finally paying off

Jump in the discussion.

No email address required.

Animations are bloated

Jump in the discussion.

No email address required.

agreed it seems terrible. animation for reply field is o.k. but would rather not

Jump in the discussion.

No email address required.

I don't think animations fit this kind of site, feels too mobile

Jump in the discussion.

No email address required.

The site already feels too mobile but there isn't much I can do about that to make it feel more desktop friendly without breaking real design. I don't see how animations make it feel any more mobile tbh, but maybe i could add a thing to disable them...

Jump in the discussion.

No email address required.

Okie dokie :@nekobitpat:

Jump in the discussion.

No email address required.

i dont like animation, send it back to japan

Jump in the discussion.

No email address required.

The animations don't seem to play on mobile.

Poordroid 12: Chromium 100.0

Jump in the discussion.

No email address required.

fvcking based,,, phoneposters stay losing

Jump in the discussion.

No email address required.

:#marseyraging:

Jump in the discussion.

No email address required.

Fixed btw (waiting for push in production)

Jump in the discussion.

No email address required.

Upmarseys and downmarseys are now animated

:#marsoyhype:

Jump in the discussion.

No email address required.

soy design :marseyno:

Jump in the discussion.

No email address required.

tbh this whole website is soy design but i cant back-peddle at this point it isnt my site.

Jump in the discussion.

No email address required.

thank u!!

:#@nekobitpat:

Jump in the discussion.

No email address required.

Nobody asked

Jump in the discussion.

No email address required.

hey neko bit can u add some animations and make things look cleaner and shill ur soyware thanks okay ur wrong buddy but someone DID ask

Jump in the discussion.

No email address required.

when you hover over a marsey, the name no longer appears

Jump in the discussion.

No email address required.

fixed

Jump in the discussion.

No email address required.

Likely related to your recent changes: it seems to be preventing text from popping up, e.g. if you hover the mouse over the votes (for comments, not for threads / the OP), the vote numbers won't pop up. Same goes for emojis and marseys (their text doesn't show).

![](/images/16538094396884718.webp)

Jump in the discussion.

No email address required.

Fixed

Jump in the discussion.

No email address required.

Can we get a downdonger and upsoren

Jump in the discussion.

No email address required.

Wtf you're making a front-end in c instead of Js or something? The autism is strong in you. Thank you for your service. It looks promising BTW I dig it. Pleroma was a fine project but it has some issues.

Jump in the discussion.

No email address required.

C for the backend, yes, I wish I had used perl or C++ but hey, its gone pretty good :^)

We're going to switch Pleroma to Revolver once it becomes stable, Pleroma is alright but does have issues, I'm excited to see how @[email protected]'s Revolver will perform and feel, it's written in Go

Jump in the discussion.

No email address required.

Marseys no longer have tooltips, is this intended? :marseysad2:

edit: they actually do have tooltips but those show way above where they should.

edit2: only happens when scrolling, I think.

Jump in the discussion.

No email address required.

fixed

Jump in the discussion.

No email address required.

I like how the complaint are about it feeling to mobile but these animation don't work on mobile.

Jump in the discussion.

No email address required.

the upmarsey for me extends the post text like 8 pixels for some reason and toggles back when i unvote

:#marseyshrug:

Jump in the discussion.

No email address required.

Lol you’re coding a web app in C? You brave sick, sick man

:marseysickos2:

Jump in the discussion.

No email address required.

also when i tap on marseys in the comments their names don't show up anymore did you have something to do with this :marseyraging:

Jump in the discussion.

No email address required.

fixed

Jump in the discussion.

No email address required.

:#marseyskeletor:

Jump in the discussion.

No email address required.

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