User Card Directory: message button should not show on mobile

UX
,
1

Edit by Tobias to clarify the problem:

When the User Card Directory theme component is enabled, the message button on the usercard is shown in the user directory on mobile but is not clickable. The button is not shown on desktop and should not be shown on mobile either.

Screenshot_20240613_093518_Chrome
Screenshot_20240613_093518_Chrome761Ă—792 79.5 KB

4 Likes
2

Hello everyone, I installed and found issue or bug when clicking the Message Button in the User Card Directory. Instead of loading the Message Composer the button disappears and the user card remains. I checked on the User Card Directory Demo on Discourse and same issue is present. Chat button works normally. It would be good if they did not appear on the active user who cannot message or chat with himself :slight_smile:

1 Like
3

I already started a topic about the buttons being visible in the directory on mobile: User Card Directory: message button should not show on mobile

By the way: you can message yourself. It’s helpful for drafts and notes.

2 Likes
4

I tested this and am also able to see a problem similar to that reported by @Brianc:

  1. when user card direcory enabled
  2. visiting user directory
  3. select Message button on a user card
  4. not taken to the new message composer, the avatar and username disappear from the card

@moin you haven’t provided enough information for me to understand what you are reporting in User Card Directory: message button should not show on mobile. Are you talking about something else?

1 Like
5

I think the message button shouldn’t be visible at all.

In desktop view you see this: open this in a new tab for desktop view

Screenshot_20241211_153710_Firefox
Screenshot_20241211_153710_Firefox2304Ă—1130 301 KB

There is no message or chat button. It’s hidden by the component’s css:


But in mobile view, those are shown open this in a new tab for mobile view

Screenshot_20241211_153807_Firefox
Screenshot_20241211_153807_Firefox2304Ă—1315 281 KB

The css is overwritten

image
image396Ă—287 8.08 KB

So I think the problem is not that they do not work as expected, but that they aren’t hidden on mobile. You would not be able to click those buttons if they were hidden as expected.

1 Like
6

I assumed the chat/message buttons were intended to be there. If there are adjustments/enhancements made for this theme component perhaps an option to show or hide could be added. I like being able to message/chat with other users when looking through directory personally.

1 Like
7

I moved all the related posts into here.

Funny, when I was testing the buttons were showing on desktop too but they are no longer showing. I guess I had to do a hard refresh in my web browser.

I’m in favor of not showing the buttons at all - it clutters the view and if you want to send a message or chat you can click on a card to see the full user card with buttons.

1 Like
8

Sounds good. Thanks for reviewing. I popped this into the mobile css for the theme to remove.

.usercard-controls {
display: none!important;
}