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
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 , 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 I want to make sure the first version is usable enough for everyone. SHILL END
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.
....
Jump in the discussion.
No email address required.
Not very great for UX.
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
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.
More options
Context
More options
Context
More options
Context
More options
Context
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.
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.
More options
Context
More options
Context
More options
Context
More options
Context
Too bad all of this shit is broken
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!
edit slowed down version
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
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 siteI 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.
Jump in the discussion.
No email address required.
More options
Context
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.
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.
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
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.
More options
Context
More options
Context
More options
Context
More options
Context
More options
Context
More options
Context
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.
More options
Context
That degree finally paying off
Jump in the discussion.
No email address required.
More options
Context
More options
Context
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.
More options
Context
More options
Context
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
Jump in the discussion.
No email address required.
More options
Context
More options
Context
More options
Context
i dont like animation, send it back to japan
Jump in the discussion.
No email address required.
More options
Context
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.
Jump in the discussion.
No email address required.
More options
Context
More options
Context
Fixed btw (waiting for push in production)
Jump in the discussion.
No email address required.
More options
Context
More options
Context
Jump in the discussion.
No email address required.
soy design
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.
More options
Context
More options
Context
More options
Context
thank u!!
Jump in the discussion.
No email address required.
More options
Context
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.
More options
Context
More options
Context
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.
More options
Context
More options
Context
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).
Jump in the discussion.
No email address required.
Fixed
Jump in the discussion.
No email address required.
More options
Context
More options
Context
Can we get a downdonger and upsoren
Jump in the discussion.
No email address required.
More options
Context
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.
More options
Context
More options
Context
Marseys no longer have tooltips, is this intended?
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.
More options
Context
More options
Context
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.
More options
Context
the upmarsey for me extends the post text like 8 pixels for some reason and toggles back when i unvote
Jump in the discussion.
No email address required.
More options
Context
Lol you’re coding a web app in C? You brave sick, sick man
Jump in the discussion.
No email address required.
More options
Context
also when i tap on marseys in the comments their names don't show up anymore did you have something to do with this
Jump in the discussion.
No email address required.
fixed
Jump in the discussion.
No email address required.
More options
Context
More options
Context
Jump in the discussion.
No email address required.
More options
Context