# Componentes clicáveis em vez de apenas o botão Editar

**URL:** https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397
**Category:** UX
**Created:** [13 Agosto , 2025 08:06 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397 "2025-08-13T08:06:32Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![alltiagocom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alltiagocom/32/492709_2.png) [@alltiagocom](https://meta.discourse.org/u/alltiagocom)
#### Post date: [13 Agosto , 2025 08:06 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/1 "2025-08-13T08:06:32Z")

</div>

Eu me vejo clicando no nome do componente ou no contêiner repetidamente para acessar seu conteúdo.

Acho que tornar o título do componente e até mesmo seu contêiner (mas pelo menos o título) clicáveis seria um bom recurso, além do botão Editar.

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/c/d/0cddefe5ceeb6c695e4d32379bd4b65cf25756c4.png)

Não sei como isso funciona em relação ao contêiner, por causa dos links `Saiba Mais`, mas se ambos puderem funcionar juntos, ótimo. Se não, então pelo menos o título é suficiente.

Se os `Saiba Mais` são adicionados automaticamente pelo Discourse, não pelo criador do componente, então isso poderia ser feito adicionando outra coluna apenas para o saiba mais, tornando o contêiner clicável.

Assim, as colunas seriam  
Título | Saiba Mais | Temas | Status Ativo | Editar | Mais

Dessa forma, o contêiner para Título poderia ser clicável e os componentes que têm `Saiba Mais` teriam isso em sua própria coluna.

Algo assim, onde o contêiner “Category Banners” é clicável:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/5/4/054a78167ae1ffc3a480f8304f6377a8b2b57edc.png)

---

<div class="post-metadata">

### Author: ![nat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nat/32/235063_2.png) [@nat](https://meta.discourse.org/u/nat)
#### Post date: [13 Agosto , 2025 09:22 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/2 "2025-08-13T09:22:03Z")

</div>

Tenho pensamentos semelhantes aos seus, mas para a lista de plugins instalados.

De alguma forma, o destaque da linha me dá a impressão de que o item é clicável. Na época em que as configurações do plugin estavam passando por uma reformulação, levantei isso internamente.

> [@nat](#):
>
> chegar às configurações de um plugin com o mouse é…
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/5/e/2/5e271fa7da0a8beb59648a5226435023cc4982c6.png)
> 
> 1. Clique em Plugins → Configurações
> 2. Clique no Nome do Plugin azul (ops)
> 3. Perceba que está errado e deslize o mouse até o final para chegar às Configurações ⚙
> 
> Gostaria de saber se é possível eliminar o botão à direita e fazer com que o Nome do Plugin azul leve às configurações (adicione uma engrenagem ao lado, se necessário), já que “Saiba mais” leva ao mesmo link. Isso também evita a necessidade de arrastar o mouse até o final.

O resultado foi que o título agora não é clicável, mas o botão Configurações ainda está lá (o equivalente a Editar na sua captura de tela).

Pessoalmente, eu gostaria que todo o contêiner também entrasse em modo de edição, mas veremos como isso acontece, então este é um +1 meu.

---

<div class="post-metadata">

### Author: ![alltiagocom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alltiagocom/32/492709_2.png) [@alltiagocom](https://meta.discourse.org/u/alltiagocom)
#### Post date: [13 Agosto , 2025 11:18 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/3 "2025-08-13T11:18:41Z")

</div>

> [@nat](#):
>
> De alguma forma, o destaque da linha me dá a impressão de que o item é clicável.

Isso é de fato um “gatilho”.

Ter o título colorido como na sua imagem original também seria uma boa adição, se o título e/ou o contêiner se tornarem clicáveis.

Isso funcionaria tanto para plugins quanto para componentes, é claro.

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [13 Agosto , 2025 23:07 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/4 "2025-08-13T23:07:08Z")

</div>

Concordo sobre o destaque causar essa psicologia @awesomerobot, eu me pergunto se o ajuste simples aqui é apenas remover o destaque, pois remove um leve vetor de confusão.

Há uma questão de consistência complicada, nós fazemos linhas clicáveis em vários locais, mas acho que nos afastamos das linhas clicáveis porque aninhar `A`s é um grande erro.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [14 Agosto , 2025 16:37 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/5 "2025-08-14T16:37:50Z")

</div>

Sim, o destaque nas linhas em todo o admin não faz muito sentido, muitas situações em que teríamos que aninhar links e não podemos tornar a linha inteira um elemento clicável de qualquer maneira… removê-lo é a melhor opção…

Fazendo uma limpeza em torno disso aqui:

> <https://github.com/discourse/discourse/pull/34332>
>
> This resolves a number of cases where we were highlighting content on hover that… isn't clickable. 
> 
> 
> Common table example
> 
> Before:
> \<img width="1726" height="548" alt="image" src="https://github.com/user-attachments/assets/24635052-0efd-4c02-b75b-dc3901acd799" /\>
> 
> 
> After:
> \<img width="1744" height="550" alt="image" src="https://github.com/user-attachments/assets/73837bff-532b-48ec-99de-2e579221eccb" /\>
> 
> 
> 
> 
> Reports are a case where the box \*should\* be clickable, so I kept the hover effect and made the box clickable via changes to \`admin-section-landing-item\`... 
> 
> Before: 
> \<img width="1710" height="838" alt="image" src="https://github.com/user-attachments/assets/a8bc8f67-5f1f-44c1-8de7-e64c1a60fd49" /\>
> 
> 
> After (removed the blue because the headings aren't actually links anymore, the whole box is): 
> \<img width="1732" height="922" alt="image" src="https://github.com/user-attachments/assets/2fb5b63a-1cdc-4fc9-906a-c343c26cd025" /\>
> 
> In cases where these boxes have buttons, the inner title (if linked) and buttons are clickable, not the box... 
> 
> \<img width="400" alt="image" src="https://github.com/user-attachments/assets/3bf04522-179b-49e6-ae0a-f5d3714b94ec" /\>

---

<div class="post-metadata">

### Author: ![alltiagocom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alltiagocom/32/492709_2.png) [@alltiagocom](https://meta.discourse.org/u/alltiagocom)
#### Post date: [14 Agosto , 2025 17:13 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/6 "2025-08-14T17:13:22Z")

</div>

Mas não faria sentido, pelo menos, tornar o título “azul” (ou qualquer que seja a cor de destaque que o site usa) e torná-lo clicável, já que é algo que as pessoas fazem naturalmente? Por mais que o Editar (ou Configurações em Plugins) esteja lá, clicar em títulos, nome de usuário, etc., faz parte da interação de qualquer site, então posso ver como isso também faria sentido nos Plugins e Componentes.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [14 Agosto , 2025 17:16 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/7 "2025-08-14T17:16:04Z")

</div>

Claro, títulos clicáveis também parecem razoáveis

---

<div class="post-metadata">

### Author: ![alltiagocom](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alltiagocom/32/492709_2.png) [@alltiagocom](https://meta.discourse.org/u/alltiagocom)
#### Post date: [14 Agosto , 2025 17:20 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/8 "2025-08-14T17:20:35Z")

</div>

Ótimo! Meu cérebro agradecerá a todos por isso 😆

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [9 Setembro , 2025 20:02 UTC](https://meta.discourse.org/t/clickable-components-instead-of-just-the-edit-button/378397/10 "2025-09-09T20:02:50Z")

</div>

Trabalhando para tornar os títulos clicáveis aqui

> <https://github.com/discourse/discourse/pull/34772>
>
> This makes the headings in various admin lists clickable as an additional afford…ance, as it's somewhat natural to expect headings in lists to be clickable! 
> 
> This includes the following admin areas: 
> \* Themes
> \* Theme Components
> \* Color palettes
> \* Plugins
> \* User fields
> \* Custom flags
