Popover User Card for Mobile

huseyinfiliz

In the web view, as shown below, when hovering over users' photos and usernames, a section opens displaying information about the user.

On mobile devices, however, you need to visit the user's profile to see this information. I have prepared a concept design to solve this issue. According to this design, on mobile devices, when you click the info icon next to the profile picture, this section opens. Clicking again will close it. In this section, all statistics added by other extensions in the user's profile can be viewed.

We are using the same area created for the web on mobile devices. Therefore, there will be no significant performance difference for your site. I would like you to answer a few questions:

Would you use this extension on your forum?
Do you think this extension would be useful?

Nodeloc

It would be a useful extension. 💗

huseyinfiliz

Umutcan I think we can work together on the design. This was something I quickly put together just to explain the concept and make it understandable for non-native English speakers.

Nodeloc I'm glad you liked this idea. I'd love to hear any suggestions you might have.

Umutcan

It would be a nice feature to see the user's profile card without logging into their account, but I think the PC view should be minimized and preserved.

Subarist

I'm not entirely sure, but I think I've seen the user card pop up a few times on iPhone. It wasn't the user page，it appeared just like the card on PC.

huseyinfiliz

Subarist Yes, if you press and hold the user name a few times, the popover user card will appear on the mobile view. However, it is likely that it won't fit the screen and the entire card may not be visible. As you mentioned, this information card does load on mobile devices, but unfortunately, we cannot use it functionally.

If you like the idea, feel free to suggest any recommendations on how the design should be.

Subarist

huseyinfiliz
Long time ago, when I was exploring flarum's css, I probably thought about this .
Due to the limited screen size of mobile at that time, I ultimately decided that the mobile css should be as simple as possible.
But things are different now. With high-resolution and better screen ratios, design thinking needs to evolve.
If a properly sized pop-up card can be implemented, everything would make sense.
Maintaining consistency between pc and mobile, while allowing customization of the background, seems like a good idea.