some small ui tweaks

[wont-work]

• rounded timeline corners when "Show a gap between posts on the timeline" is disabled
• show a pointer cursor when hovering over clickable parts of notes when "Click to open notes" is enabled
• hide status indicators when they're in an "unknown" state
• add more shadows

before


after


there are three parts of this pr i'm not too sure on:

• i directly copied the ._shadow helper's box-shadow definition for consistency, but i'm not entirely sure if the size of those shadows fit the ui. it may make sense to play with the individual shadow sizes
  • imo it's still better than having no separation between the elements and the background
• 4fcd47bf087480b3ee731eff4d24f5de2b40fe29 feels a bit too "fragile" as i just apply a shadow to all panel elements no matter what. so far there is only one obvious exception i could find that needed reverting (notifications), but there's probably more out there i haven't encountered. unsure about that commit.
  • that said, individually hunting down parts that could use a shadow in a codebase as large as misskey feels like a tiring job, so not sure on what the best way to approach that would be
• pnpm lint runs out of memory in my laptop

[Mar0xy]

hide status indicators when they're in an "unknown" state

This mainly was left in by misskey to keep consistency so it's not just like woop all of a sudden the status indicator is not here while on other profiles it is.

add more shadows

A big issue I see with this is performance on the client as the more CSS Effects need to be rendered (especially on the profile page as it also has css effects for the background images which currently affect the entire site on stable and has already been fixed) the slower/laggier it gets.

[Mar0xy]

show a pointer cursor when hovering over clickable parts of notes when "Click to open notes" is enabled

While this is a nice idea on paper it kinda translates weirdly due to the fact that it makes it harder to indicate if someone is hovering over the footer icons, cw button and as well as making the cursor be basically a permanent pointer (which lets be honest when it comes to the way the pointer looks it has always looked weird/ugly).

[wont-work]

This mainly was left in by misskey to keep consistency so it's not just like woop all of a sudden the status indicator is not here while on other profiles it is.

:+1:, dropping that commit in this case

A big issue I see with this is performance on the client as the more CSS Effects need to be rendered (especially on the profile page as it also has css effects for the background images which currently affect the entire site on stable and has already been fixed) the slower/laggier it gets.

true, but imo there needs to be some way to separate things from the background, barely perceptible color changes do not cut it (especially on pages without a background image)

there may be a way to pull it off with borders which should be slightly more resource efficient, i'll have to experiment

While this is a nice idea on paper it kinda translates weirdly due to the fact that it makes it harder to indicate if someone is hovering over the footer icons, cw button

right now there is no other indication on what part of a note is clickable and what part isn't. especially on posts with reactions or audio where the empty space next to them do not open the post (or the empty space under the avatar, which in fairness seems to be consistent with masto)

the footer icons can be solved by giving them a hover color (which i'll may throw in with the next revision of this pr, depends on if my brain's willing to cooperate) (edit: there already seems to be css for doing this. are the colors just the same in the default themes?)

and the cw button changes background colors which feels reasonable to me (and the cursor doesn't change because the post hitbox is that close to the cw button)

not entirely sure on what you mean by "and as well as making the cursor be basically a permanent pointer (which lets be honest when it comes to the way the pointer looks it has always looked weird/ugly)." though

[wont-work]

revision 2: using a border does seem to look pretty nice, and should be less resource intensive compared to shadows. also snuck in a fix for shadows and transparent avatars in the profile page

[wont-work]

there are a few more changes i'd like to make but they're significantly larger and probably deserve their own individual PRs (if i manage to pull them off, that is). un-drafting this pr

[wont-work]

dropped borders & rebased on develop