# Contorno de avatar grande do cartão de usuário aparece em plugins e componentes
**URL:** https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454
**Category:** UX
**Created:** [30 Setembro , 2022 06:31 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454 "2022-09-30T06:31:18Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [30 Setembro , 2022 06:31 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/1 "2022-09-30T06:31:18Z")
Olá,
Notei na atualização recente que, ao abrir um cartão de usuário em um plugin ou componente de tema que acho que usa o modelo de cartão de usuário, o avatar tem um contorno.
Possível commit relacionado: [A11Y: Improve user card accessibility (#18348) · discourse/discourse@ca10381 · GitHub](https://github.com/discourse/discourse/commit/ca1038187f35e76434e0b4d14f16aa6ae66e0d4b)
Testei com o plugin [Who’s Online](https://meta.discourse.org/t/discourse-whos-online/52345?u=dodesz) e o componente de tema [Top Contributors Sidebar](https://meta.discourse.org/t/top-contributors-sidebar/215110?u=dodesz), mas provavelmente há mais.
Obrigado 🙂
---
### Author:  [@khenmu](https://meta.discourse.org/u/khenmu)
#### Post date: [30 Setembro , 2022 07:37 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/2 "2022-09-30T07:37:00Z")
Tenho visto isso esporadicamente aqui no Meta nos últimos dias no meu iPad.
Ainda não consegui encontrar nenhum padrão para quando isso acontece e quando não acontece.
**editar:** Um exemplo de onde aconteceu;
[https://meta.discourse.org/t/replacing-google-search-with-framasoft/118037/](https://meta.discourse.org/t/replacing-google-search-with-framasoft/118037/)
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [30 Setembro , 2022 15:52 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/3 "2022-09-30T15:52:52Z")
Olá @Don, obrigado por compartilhar. O contorno destina-se a aparecer apenas ao focar com o teclado, portanto, isso não deveria estar acontecendo ao clicar assim.
Isso também está ocorrendo ao clicar nos avatares na lista de tópicos? Ou está restrito a clicar em avatares gerados por plugins/temas?
Além disso, posso saber qual navegador + versão você está usando? Obrigado 🙂
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [30 Setembro , 2022 18:52 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/4 "2022-09-30T18:52:36Z")
Olá Keegan, Para mim, isso só acontece em componentes de plugin e tema. Quando clico no avatar da lista de tópicos e depois clico nos outros avatares (plugin e TC), o contorno desaparece.
Eu tentei em vários navegadores e o resultado é o mesmo.
Android 12
Chrome 106.0.5249.65
Firefox 105.1.0
MacOS 12.4
Chrome 105.0.5195.125
Firefox 105.0.1
Obrigado 🙂
---
### Author:  [@renato](https://meta.discourse.org/u/renato)
#### Post date: [5 Outubro , 2022 16:20 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/6 "2022-10-05T16:20:38Z")
Também estou enfrentando esse problema ao clicar em avatares do plugin “quem está online” e esse comportamento é o mesmo aqui:
> [@Don](#):
>
> isso só acontece em plugins, componentes de tema. Quando clico no avatar da lista de tópicos e depois clico nos outros avatares (plugin e TC), o contorno desaparece.
> Eu tentei em vários navegadores e o resultado é o mesmo.
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [18 Outubro , 2022 18:16 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/7 "2022-10-18T18:16:20Z")
Obrigado @Don, isso agora deve estar resolvido 🎉
>
>
> This PR fixes an issue that was brought up on \[Meta\](https://meta.discourse.org/…t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/4) where a focus ring appears on the user card (for themes/plugins) when clicking. This PR ensures the focus ring only appears when the user card is selected via \Tab\ only rather than by click.
>
> \*\*After clicking on avatar:\*\*
>
> |Before|After|
> |---|---
> |\
|\
|
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [19 Outubro , 2022 15:00 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/8 "2022-10-19T15:00:54Z")
Este tópico foi fechado automaticamente após 20 horas. Novas respostas não são mais permitidas.
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [20 Outubro , 2022 07:02 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/9 "2022-10-20T07:02:08Z")
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [20 Outubro , 2022 07:12 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/10 "2022-10-20T07:12:41Z")
Olá Keegan,
Desculpe pela demora na resposta, mas só consegui testar agora. Verifiquei no Safari Versão 15.5 e ainda vejo o contorno quando abro o cartão do usuário. Parece que nos outros navegadores está tudo bem. 🙂
Ele aparece em todos os avatares, exceto nos avatares de tópico, para mim.
Obrigado 🙂
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [20 Outubro , 2022 15:24 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/11 "2022-10-20T15:24:28Z")
Ah, interessante, obrigado por me informar, vou dar uma olhada 🙂
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [10 Novembro , 2022 18:14 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/18 "2022-11-10T18:14:07Z")
🎉 Isso agora deve ser resolvido com:
>
>
> This PR adds a check to ensure that the focus of the first item of the user card… is only present when the click was not by a mouse (i.e. a keyboard). This helps prevent the focus ring from appearing when simply clicking a user card.
---
### Author:  [@keegan](https://meta.discourse.org/u/keegan)
#### Post date: [10 Novembro , 2022 18:14 UTC](https://meta.discourse.org/t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/19 "2022-11-10T18:14:20Z")