ronilaukkarinen/mastodon-bird-ui

Suggestion: in serch results for profiles, use different colored buttons for the "Follow" and "UnFollow" buttons

Timothyjchambers opened this issue · 2 comments

The suggestion is that for the results of a search for profiles, make the color of the buttons "follow" and "unfollow" two different colors to make it more clear at a glance which accounts you already follow (but might choose to "unfollow" - versus accounts that are new to you and you can choose to newly follow.

Now the view of them all and the similarity of the words "follow" and "unfollow" make it hard at a glance to visually see the difference between the two types of profiles in the results.

Here is how it looks now with a profile search for "marc" --

Screenshot 2024-03-23 at 10 50 05 PM

Good suggestion. Before they were icons and as you probably remember we had it like this.

However, when they changed to the buttons, those icon classes disappeared. We have absolutely no way to get follow/unfollow states from these buttons, they are just .button. Would need at least .button__unfollow or something like that. There is no way to catch those conditionally by using text in the button and even if there would, localization would ruin this as you'd have to go through all languages for simple styles. This is why they cannot be styled differently right now, needs a class in the core.

image

Maybe we make this a recommendation to the Mastodon github... Thanks