aria icon indicating copy to clipboard operation
aria copied to clipboard

UI enhancements

Open serrq opened this issue 1 year ago • 7 comments

• red circle: show the currently selected profile avatar, instead of the horizontal lines.

• yellow circle: might you move those buttons on the bottom?

1000111899

serrq avatar May 24 '24 11:05 serrq

You can move the tab bar (yellow circle) to the bottom with the settings ("Appearance" -> "Show timeline tab bar on bottom").

poppingmoon avatar May 24 '24 12:05 poppingmoon

Got it.

serrq avatar May 24 '24 12:05 serrq

Adding my suggestions to this issue to prevent clogging up issues, I do think some UI elements could be improved.

  • Posts are very cramped. Elements are touching each other and makes it harder to differentiate between what is which part of each section, like posts contents and user info. Other elements for some reason have large margins. Image showing the very cramped areas of posts. Element touch each other. Image showing elements with very large margins
  • The message bar at the bottom doesn't really feel that good to use, I think it could be better to just use a floating button on the bottom right like Material 3 design.

SnenxyTengoku avatar May 27 '24 07:05 SnenxyTengoku

Posts are very cramped. Elements are touching each other and makes it harder to differentiate between what is which part of each section, like posts contents and user info. Other elements for some reason have large margins.

You can change line heights on the "Note display" settings page to add spaces between lines.

poppingmoon avatar May 27 '24 18:05 poppingmoon

You can change line heights on the "Note display" settings page to add spaces between lines.

Tried the option, but seems to make elements larger instead...

SnenxyTengoku avatar May 27 '24 19:05 SnenxyTengoku

Making line heights larger makes other elements larger too because the sizes of some elements are defined relative to fontSize * lineHeight.

There are other options to change the avatar size, button size, etc. Downscaling these settings may make it better.

poppingmoon avatar May 27 '24 19:05 poppingmoon

Sadly it doesn't seem to help the issue I'm having and it causes issues with other elements being to large despite missing their settings. I may try to see if I can fix the issue myself within the code...

SnenxyTengoku avatar May 27 '24 20:05 SnenxyTengoku