Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Request]: Narrower sidebar #273

Closed
1 of 4 tasks
bertob opened this issue May 21, 2023 · 6 comments · Fixed by #280 or #403
Closed
1 of 4 tasks

[Request]: Narrower sidebar #273

bertob opened this issue May 21, 2023 · 6 comments · Fixed by #280 or #403
Labels
enhancement New feature or request

Comments

@bertob
Copy link
Contributor

bertob commented May 21, 2023

Describe the request

The current sidebar is quite wide, and mostly empty since most of the labels are relatively short. This makes the layout feel inefficient and uncomfortable at desktop sizes.

image

Here's a quick attempt to improve this in inspector, without major changes (sidebar width is 200, and the user account box is vertical rather than horizontal):

image

In the future I'd revamp the sidebar more in the direction of #228, but this would already improve the situation for now.

Implementation Details

  • This should be an option in settings.
  • This should be only available to some fediverse backends. (Include which ones on the above field).
  • This is client-only (and shouldn't sync with the instance).
  • This follows the GNOME HIG.
@bertob bertob added the enhancement New feature or request label May 21, 2023
@GeopJr
Copy link
Owner

GeopJr commented May 23, 2023

Not against 200, but for reference here's 240 (same as nautilus)

image

The user account box does feel a bit empty with shorter labels when vertical, but I guess it's ok until #228

@bertob
Copy link
Contributor Author

bertob commented May 23, 2023

240 still looks too wide to me, we're literally only using half the width (Nautilus is a bit different in that there's bookmarks and mounted devices, which often have longer names). I'd also remove the style class on the user name that makes it larger, which would probably help make longer user names fit.

Looking at your example I'd maybe also reduce the size of the avatar a bit, it feels kinda huge compared to the other elements.

@GeopJr
Copy link
Owner

GeopJr commented May 24, 2023

How does this look?
The avatar is the same size as for posts (48 from 64)

image

@bertob
Copy link
Contributor Author

bertob commented May 24, 2023

Looks good to me! One small change I'd still try and make is reducing the vertical spacing between name and @username, maybe just by 1-2px.

@rafaelmardojai
Copy link

Looks like this with Spanish translation:
Captura desde 2023-07-19 11-07-22

Sidebar labels probably should be ellipsized and maybe the scrolled window width can be propagated to a max of 300px?

@bertob
Copy link
Contributor Author

bertob commented Jul 19, 2023

Those are all good ideas, but my first instinct would be too look for a shorter label. It's a way longer than all the other ones, so it's always going to look weird...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants