Feature request: Short user info on hover

[joenepraat]

Pitch and motivation

I wanted to ask this for a while and everytime I forgot to ask. More and more I miss the very usable hover on username/avatar, like on most corporate social silo's. I really don't understand why Mastodon does not have this.

So please can the Mastodon devs add this? I suppose the bio and a follow button (and maybe followers/following count) would be enough. It makes sure you don't have to go everytime to a profile to see who this user is (and go back again). It also makes it much more quicker to follow someone.

Would be great new feature for the next Mastodon version.

Thanks in advance!

[mstdn]

Yes, yes, yes.

[mashirozx]

Great idea

[alcapurrias]

Pleroma and Misskey both do this, so I imagine someone with the know-how may be able to port it over.

[Gargron]

I had a branch with tooltips and was planning to eventually add this. I need to check the state of that branch...

[realpixelcode]

I love thos preview tooltips! That's a use case just like on Wikipedia where you don't want to switch between different articles just to get some main information.

[koyuawsmbrtn]

Now with the redesigned profile cards can this feature be revisited?

[mashirozx]

2 years passed, has this branch been forgotten? https://github.com/mastodon/mastodon/tree/feature-rich-tooltips

[jesseskinner]

+1. Also, would this be the kind of thing a random newbie contributor could consider implementing and adding a pull request for, or would that be stepping on toes? Asking for a friend.

[Fordi]

+1. With relationship status / follow button, if possible.

[koyuawsmbrtn]

+1. Also, would this be the kind of thing a random newbie contributor could consider implementing and adding a pull request for, or would that be stepping on toes? Asking for a friend.

It'd be nice to contribute if you want to. Issues get closed faster if a Pull Request got merged.

[naught101]

Related - (extra) short bio field request: #21277

[robsonsobral]

How can we help, @Gargron ?

---

Some samples.

From Twitter:

From Instagram:

From Github:

[alcapurrias]

How can we help, @Gargron ?

Some samples.

Misskey

[goliv04053]

How it's the development of this feature?

[robsonsobral]

I can finish the @Gargron implementation, but I'm not the right person to rebase a 3302 commits old branch.

[amydevs]

i tried using the existing directory/account-card component and it seems to work pretty well. i'm just not really sure how to structure the code to implement these changes properly for a pr though, like should i just copy the account-card component into a new feature? or should i make it a global component? or should i make a separate similar component that calls dispatch(fetchRelationships()) as soon as the component is mounted? The last option seems the most straightforward, though i'm not sure making the account status hover a whole new feature in the project structure makes sense...

[robsonsobral]

Which changes, @amydevs ? What else need to be added? It looks enough for me.

[amydevs]

Which changes, @amydevs ? What else need to be added? It looks enough for me.

1. how to structure the code so that the implementation isnt hacked-together like how it currently is
2. figuring out where to call dispatch(fetchRelationships()) to redux in the appropriate file
3. adding a delay before triggering the hover effect like so it doesn't popup right away on mouseover
4. animations that fade the card in and out
5. taking note of the X and Y positions of the mouse on hover and making the card appear just under that instead of aligned to the left side of the component

[eishiya]

If possible, I'd like to see the option to disable this feature in the appearance settings. While it's useful for many users, I found myself disliking it on Twitter because I'd hover by mistake much more often than I would on purpose, and the info box appearing unexpectedly was very distracting for me (I don't deal well with unexpected animation in general). I'd rather have to visit the user's profile to see this information than deal with that again.

If it's not possible to add such an option, then please give it an ID or some class that I can target with custom CSS to hide it, if it doesn't have one already.

Also, I wonder if it might not be better smaller. The banner image takes up a lot of space at present, so the actual information that you're looking for is going to appear way lower on the page, which isn't good. IIRC, Twitter doesn't show the banner in its info cards at all, so they're compact and the relevant information is near to where you hovered.

[naught101]

@eishiya perhaps also a customisable hover delay time?

[joenepraat]

@ClearlyClaire @Gargron Unfortunately this popular feature request and IMO necessary feature, is still not implemented. It's even on the roadmap, although still under exploring (MAS-43 - On-hover information cards for users).

I like to hereby ask if it's possible to give this much requested feature a higher priority?

[shaedrich]

I suppose the bio and a follow button (and maybe followers/following count)

Additional to this, there could also be the user metadata fields (#27978, like pronouns (#16226) and time zone) and/or the featured hashtags

[shleeable]

Elk does this