# Diretório de Cartão de Usuário: o botão de mensagem não deve aparecer no celular

**URL:** https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878
**Category:** UX
**Tags:** mobile, user-card-directory
**Created:** [Junho 13, 2024, 7:38am UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878 "2024-06-13T07:38:18Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Junho 13, 2024, 7:38am UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/1 "2024-06-13T07:38:18Z")

</div>

_Edição de Tobias para esclarecer o problema:_

Quando o componente de tema [User Card Directory](https://meta.discourse.org/t/user-card-directory/144479) está ativado, o botão de mensagem no cartão do usuário é exibido no diretório de usuários no celular, mas não é clicável. O botão não é exibido no desktop e também não deveria ser exibido no celular.

 ![Screenshot_20240613_093518_Chrome](https://global.discourse-cdn.com/meta/original/4X/8/7/d/87da4b69f0601f99e95e74f94ca18354ad9ed565.jpeg)

---

<div class="post-metadata">

### Author: ![BrianC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brianc/32/487568_2.png) [@BrianC](https://meta.discourse.org/u/BrianC)
#### Post date: [Dezembro 11, 2024, 3:13am UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/2 "2024-12-11T03:13:31Z")

</div>

Olá a todos, instalei e encontrei um problema ou bug ao clicar no Botão de Mensagem no Diretório de Cartões de Usuário. Em vez de carregar o Compositor de Mensagens, o botão desaparece e o cartão do usuário permanece. Verifiquei na Demonstração do Diretório de Cartões de Usuário no Discourse e o mesmo problema está presente. O botão de Chat funciona normalmente. Seria bom se eles não aparecessem para o usuário ativo que não pode enviar mensagens ou conversar consigo mesmo :slight_smile:

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Dezembro 11, 2024, 8:08am UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/3 "2024-12-11T08:08:48Z")

</div>

Já iniciei um tópico sobre os botões estarem visíveis no diretório em dispositivos móveis: [User Card Directory: message button should not show on mobile](https://meta.discourse.org/t/message-button-is-not-hidden-in-mobile-view/311878?u=moin)

A propósito: você pode enviar mensagens para si mesmo. É útil para rascunhos e anotações.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [Dezembro 11, 2024, 2:30pm UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/4 "2024-12-11T14:30:44Z")

</div>

Eu testei isso e também consigo ver um problema semelhante ao relatado por @Brianc:

1. quando o diretório de cartões de usuário está ativado
2. visitando o diretório de usuários
3. selecionar o botão Mensagem em um cartão de usuário
4. não ser levado ao novo compositor de mensagens, o avatar e o nome de usuário desaparecem do cartão

@moin você não forneceu informações suficientes para eu entender o que você está relatando em [User Card Directory: message button should not show on mobile](https://meta.discourse.org/t/message-button-is-not-hidden-in-mobile-view/311878?u=tobiaseigen). Você está falando de outra coisa?

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [Dezembro 11, 2024, 2:59pm UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/5 "2024-12-11T14:59:52Z")

</div>

Eu acho que o botão de mensagem não deveria ser visível.

Na visualização desktop, você vê isto: [abra isto em uma nova aba para a visualização desktop](https://meta.discourse.org/u?cards=yes&order=likes_received&mobile_view=0)

 ![Screenshot_20241211_153710_Firefox](https://global.discourse-cdn.com/meta/original/4X/d/3/e/d3ec621cdbdc1c587f383b0734af416fbeeb4474.jpeg)

Não há botão de mensagem ou chat. Está oculto pelo CSS do componente:

> <https://github.com/discourse/discourse-user-card-directory/blob/main/common/common.scss#L57-L59>

  

Mas na visualização móvel, estes são mostrados [abra isto em uma nova aba para a visualização móvel](https://meta.discourse.org/u?cards=yes&order=likes_received&mobile_view=1)

 ![Screenshot_20241211_153807_Firefox](https://global.discourse-cdn.com/meta/original/4X/9/9/3/993122084c139bd4d8e0e0870052279feddff3a8.jpeg)  
O CSS é sobrescrito

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/2/0/320ee6fc4a915ae815b9c79c06f5b41359d810f6.png)

Então, acho que o problema não é que eles não funcionam como esperado, mas que eles não estão ocultos no celular. Você não seria capaz de clicar nesses botões se eles estivessem ocultos como esperado.

---

<div class="post-metadata">

### Author: ![BrianC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brianc/32/487568_2.png) [@BrianC](https://meta.discourse.org/u/BrianC)
#### Post date: [Dezembro 11, 2024, 3:17pm UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/6 "2024-12-11T15:17:29Z")

</div>

Presumi que os botões de chat/mensagem foram feitos para estarem lá. Se houver ajustes/melhorias feitas para este componente de tema, talvez uma opção para mostrar ou ocultar possa ser adicionada. Eu gosto de poder enviar mensagens/conversar com outros usuários ao procurar no diretório, pessoalmente.

---

<div class="post-metadata">

### Author: ![tobiaseigen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tobiaseigen/32/539204_2.png) [@tobiaseigen](https://meta.discourse.org/u/tobiaseigen)
#### Post date: [Dezembro 11, 2024, 4:32pm UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/7 "2024-12-11T16:32:39Z")

</div>

Movi todas as postagens relacionadas para cá.

Engraçado, quando eu estava testando os botões também estavam aparecendo no desktop, mas agora não estão mais. Acho que tive que fazer uma atualização forçada no meu navegador.

Sou a favor de não mostrar os botões de forma alguma - eles poluem a visualização e, se você quiser enviar uma mensagem ou conversar, pode clicar em um card para ver o card completo do usuário com os botões.

---

<div class="post-metadata">

### Author: ![BrianC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/brianc/32/487568_2.png) [@BrianC](https://meta.discourse.org/u/BrianC)
#### Post date: [Dezembro 12, 2024, 1:42am UTC](https://meta.discourse.org/t/user-card-directory-message-button-should-not-show-on-mobile/311878/8 "2024-12-12T01:42:33Z")

</div>

Parece bom. Obrigado pela revisão. Coloquei isso no CSS móvel para o tema para remover.

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