# Lista de tópicos MD Componente móvel

**URL:** https://meta.discourse.org/t/md-topic-list-mobile-component/146341
**Category:** Theme component
**Created:** [31 Março , 2020 20:32 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341 "2020-03-31T20:32:10Z")
**Posts on this page:** 20
**Page:** 3

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [23 Fevereiro , 2025 13:16 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/43 "2025-02-23T13:16:46Z")

</div>

Eu enviei uma correção

> <https://github.com/MonDiscourse/md-topic-list-mobile/commit/5bc67aefd8e4e541c061c833115aac11026d92bd>

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [23 Fevereiro , 2025 13:28 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/44 "2025-02-23T13:28:15Z")

</div>

> [@Steven](#):
>
> O que você quer para a versão oficial?

O 2º com o avatar à direita, por favor 🙏

Fico feliz que o componente tenha sido atualizado, estou usando-o em todas as minhas instâncias.

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [23 Fevereiro , 2025 13:42 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/45 "2025-02-23T13:42:17Z")

</div>

> [@Steven](#):
>
> Trabalhei em uma alternativa que restaura o trecho e move o selo do tópico para perto do título

A alternativa parece boa. Substituir o avatar pelo selo é estranho, para ser honesto. Eu pessoalmente reduziria o tamanho do selo, mas sim, parece bom para mim.

---

<div class="post-metadata">

### Author: ![joo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/joo/32/334852_2.png) [@joo](https://meta.discourse.org/u/joo)
#### Post date: [23 Fevereiro , 2025 14:43 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/46 "2025-02-23T14:43:24Z")

</div>

> [@Steven](#):
>
> ![A tela exibe manchetes de esportes, com foco em partidas de futebol europeu, e inclui seções sobre notícias e discussões relacionadas a eventos franceses. (Legenda gerada por IA)](https://global.discourse-cdn.com/meta/original/4X/a/d/7/ad75e14552d23f044ef8c55d88b84ee69d5681e0.png)

Eu gosto dessa alternativa.

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [23 Fevereiro , 2025 15:48 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/47 "2025-02-23T15:48:05Z")

</div>

Ok, atualizei o componente para tentar isso. Me avise se tiver algum problema

Obrigado novamente @Arkshine, sem o seu trabalho eu teria desistido

---

<div class="post-metadata">

### Author: ![CAX.DO](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@CAX.DO](https://meta.discourse.org/u/CAX.DO)
#### Post date: [24 Fevereiro , 2025 02:31 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/48 "2025-02-24T02:31:04Z")

</div>

Você acha que é necessário exibir o número de visualizações e curtidas abaixo do título também?  
Porque na versão antiga, eles eram exibidos.

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [24 Fevereiro , 2025 14:07 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/49 "2025-02-24T14:07:14Z")

</div>

Eu acho que não foi, minha suposição é que você o adicionou diretamente no componente usando o plugin outlet

Eu não tenho o código agora, mas se você realmente precisar, posso ajudar

O código base deve ser algo assim

```plaintext
<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **code** </span>
  <span class='topic-likes'>{{d-icon "heart"}} **code** </span>
</script>

```

---

<div class="post-metadata">

### Author: ![CAX.DO](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@CAX.DO](https://meta.discourse.org/u/CAX.DO)
#### Post date: [24 Fevereiro , 2025 14:14 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/50 "2025-02-24T14:14:33Z")

</div>

Ah, sério? Não me lembro se fiz alguma alteração também.  
Talvez minha memória esteja me pregando peças.  
Mas obrigado pela ajuda, vou mudar o código do meu lado 😅

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [24 Fevereiro , 2025 14:19 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/51 "2025-02-24T14:19:20Z")

</div>

> [@Steven](#):
>
> [md-topic-list-mobile - Preview](https://theme-creator.discourse.org/theme/Steven/md-topic-list-mobile)

A propósito, parece que o link de visualização não funciona.

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [24 Fevereiro , 2025 16:55 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/52 "2025-02-24T16:55:36Z")

</div>

Consertei, obrigado

Eu limpei minha página de criador de temas, mas esqueci de compartilhar esses componentes novamente

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [25 Fevereiro , 2025 14:59 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/54 "2025-02-25T14:59:11Z")

</div>

Acho que consegui, enviei uma correção, tente atualizar e me diga se está bom agora.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2 Março , 2025 10:20 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/56 "2025-03-02T10:20:24Z")

</div>

O indicador online está fora do lugar 🙂

 ![A interface de um aplicativo móvel para Unicycle List, apresentando vários tópicos e postagens relacionadas a monociclos, bem como uma seção focada em SEO para maximizar o conteúdo para quadros de empregos. (Legenda por IA)](https://global.discourse-cdn.com/meta/original/4X/f/8/2/f8251941e3e54a8c15e2e14d4c3900bb454f8ab9.jpeg)  
Veja na primeira linha

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [2 Março , 2025 11:13 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/57 "2025-03-02T11:13:49Z")

</div>

É complicado, pois o plugin whos online anexa este indicador ao lado esquerdo (que desativamos) e o avatar está centralizado verticalmente.

Consigo chegar mais perto com estas modificações (coloque isto numa folha de estilos CSS para telemóvel), mas está longe de ser perfeito.

```css
.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

```

A solução mais fácil seria desativar este indicador no telemóvel e apenas na lista de tópicos.

```css
html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}

```

---

<div class="post-metadata">

### Author: ![clacle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/clacle/32/497163_2.png) [@clacle](https://meta.discourse.org/u/clacle)
#### Post date: [3 Abril , 2025 00:17 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/58 "2025-04-03T00:17:00Z")

</div>

Oi Max. Quero mostrar algumas coisas sob o título também, como o número de curtidas e visualizações. Como você fez isso?

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [7 Setembro , 2025 08:25 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/60 "2025-09-07T08:25:39Z")

</div>

Pequena atualização no componente, dentro de uma categoria, a lista de tópicos estava bastante vazia. Adicionei algumas informações com o autor e o número de posts.

Antes

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

Depois

 ![image](https://global.discourse-cdn.com/meta/original/4X/7/2/e/72e1322705736279fe4d1ea23bb5f643838bfe62.png)

---

<div class="post-metadata">

### Author: ![ismax](https://avatars.discourse-cdn.com/v4/letter/i/e495f1/32.png) [@ismax](https://meta.discourse.org/u/ismax)
#### Post date: [7 Setembro , 2025 09:39 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/61 "2025-09-07T09:39:13Z")

</div>

Parece bom. Ajustei algumas cores para evitar que ficassem muito chamativas.

```plaintext
body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}

```

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [3 Março , 2026 19:03 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/62 "2026-03-03T19:03:43Z")

</div>

Este componente quebrará em breve:

> [@No more switchable mobile/desktop layouts?](https://meta.discourse.org/t/no-more-switchable-mobile-desktop-layouts/397463/10?u=canapin):
>
> No, it’s not just removed from the sidebar. We have removed the underlying structure to toggle.

Eu era um grande fã dele, mas talvez ainda possamos ajustar o layout de alguma forma usando o ponto de interrupção móvel?

---

<div class="post-metadata">

### Author: ![Steven](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/steven/32/187890_2.png) [@Steven](https://meta.discourse.org/u/Steven)
#### Post date: [3 Março , 2026 19:30 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/63 "2026-03-03T19:30:14Z")

</div>

Isto está ficando irritante, para ser honesto, todo ano agora temos que reconstruir o componente inteiro. Não deveria ser tão difícil manter um tema

Mas vou verificar porque eu realmente tenho alguns problemas com o tema padrão para celular

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4 Março , 2026 00:25 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/64 "2026-03-04T00:25:55Z")

</div>

7 anos usando o Discourse todos os dias e ainda não me acostumei com o avatar grande à esquerda que **NÃO** representa o autor, mas sim o último a postar :lolsob:  
Vou chorar lágrimas de alegria quando ele for oficialmente removido 😛

---

<div class="post-metadata">

### Author: ![ismax](https://avatars.discourse-cdn.com/v4/letter/i/e495f1/32.png) [@ismax](https://meta.discourse.org/u/ismax)
#### Post date: [4 Março , 2026 02:40 UTC](https://meta.discourse.org/t/md-topic-list-mobile-component/146341/65 "2026-03-04T02:40:59Z")

</div>

Eu gosto deste componente, o avatar à esquerda realmente distrai da leitura

Espero que ele possa continuar a ser mantido mesmo que seja pago (mas não muito caro, eu provavelmente não poderei pagar 😂)

[Previous page](https://meta.discourse.org/t/md-topic-list-mobile-component/146341.md?page=2)

[Next page](https://meta.discourse.org/t/md-topic-list-mobile-component/146341.md?page=4)
