monlovesmango / astral

Nostr client made with Quasar
https://astral.ninja
MIT License
101 stars 38 forks source link

added profile tooltip #82

Open pfoytik opened 1 year ago

pfoytik commented 1 year ago

While scrolling through feeds, users might want to quickly view a profiles description without having to navigate to their profile page. The PR provides a tooltip functionality where if the user hovers the mouse pointer over an avatar image for 1.5 seconds a tooltip pops up showing the avatar, username, and profile description. pr_image1 pr_image1_zoomed pr_image2

Changes made (only one file BaseUserAvatar.vue): q-tooltip was added to BaseUserAvatar with a delay of 1500 which creates a pop upof the users avatar image, name, and profile description using BaseUserName and store.getters.profileDesctiption(). Allows users to access this tooltip anywhere BaseUserAvatar is referenced (followerFeed, globalFeed, Follows, and Messages)

monlovesmango commented 1 year ago

i definitely agree with the idea but i don't like using tooltip for this. I would want a card that you can then click and interact with. also the grey tooltip background makes links hard to see.

do you know if there is a way to delay the hiding of tooltips?

pfoytik commented 1 year ago

I was thinking that we might want clickable, maybe have the follow buttons included as well. I think we can do that with qmenu. I'll try to work it up soon!

monlovesmango commented 1 year ago

yeah exactly! would be nice if you could follow, copy pubkey, send lightning tip all from that card. sounds good keep me posted