Skip to content

Remove labels from filter button on toolbar #591

New issue

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

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

Already on GitHub? # to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

CatMe0w
Copy link

@CatMe0w CatMe0w commented Jul 5, 2024

This is related to #498, #550, #572.

With the default width of the sidebar, clicking the filter button on the toolbar will make the button disappear from the sidebar area, ending up in the rightmost corner:
image
image

Technically, it works as intended, but it's very confusing from the perspective of users: it looks like the buttons just disappear. Dragging the sidebar to make it wider can reveal the buttons, but it's not intuitive. Actually, I got stuck here for a few days, trying to figure out where my beta versions went.

I think we might avoid the overflow entirely, and I tried some different approaches like using abbreviations instead of full text such as "Release only," but the overflow still happens and does not look good:
image

Finally, I found that completely removing the labels could be the most ideal solution. A filled, highlighted button with floating help text could be intuitive enough and won't break the consistency of the UI:
image
image

I hope this change improves the user experience and keeps the UI clean and functional.

# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant