Mostrar tanto OP quanto a última resposta na versão móvel

Componente de tema
1

|||
|-|-|-|
| :information_source: | Resumo | Este componente exibe o OP do tópico e a última resposta no celular
| :eyeglasses:|Prévia| Theme Creator |
| :hammer_and_wrench:|Repositório| Lhcfl/discourse-mobile-topic-op-and-last-reply (github.com) |
| :question:|Guia de Instalação|Como instalar um tema ou componente de tema|
| :open_book:|Novo em Temas do Discourse?| Guia para iniciantes no uso de Temas do Discourse

Instalar este componente de tema

Este componente de tema é fortemente inspirado pelo Mostrar Avatares do Postador Original - componente-de-tema - Discourse Meta do @awesomerobot. Vamos agradecê-lo por sua ótima criação!

Este componente de tema atingiu um equilíbrio entre exibir o OP do tópico ou o último respondente no celular. Como você pode ver, o OP do tópico será exibido à esquerda e o último respondente será exibido à direita. Em particular, se não houver resposta, a posição do avatar será substituída por um relógio.

image
image581×1263 151 KB

16 curtidas
2

Isso me lembra um pouco MD Topic List Mobile component :slight_smile:

2 curtidas
3

Obrigado!

Você pode fazer isso para o computador também?

4

A lista de tópicos na área de trabalho não nos fornecia informações mais detalhadas?

1 curtida
5

Um bom componente de tema, mas ele faz isso com minha categoria + tag:

Screenshot_2024-02-28-00-49-39-539_com.android.chrome-edit
Screenshot_2024-02-28-00-49-39-539_com.android.chrome-edit1080×322 74.4 KB

É possível corrigir?

6

Você quer dizer que nada é exibido?

Eu testei o componente e ele está funcionando bem do meu lado:

image
image519×727 54 KB

8

Olá, sou eu de novo. Existe uma maneira de corrigir isso?

Screenshot_2024-07-07-13-45-42-992_com.android.chrome-edit
Screenshot_2024-07-07-13-45-42-992_com.android.chrome-edit1080×762 109 KB

Se eu desativar o componente de tema, ele é exibido como esperado

Além disso, na visualização, categoria + tags não têm espaçamento:

Screenshot_2024-07-07-13-52-17-105_com.android.chrome-edit
Screenshot_2024-07-07-13-52-17-105_com.android.chrome-edit1080×2128 249 KB

1 curtida
9

Há algo de errado com isso? Isso parece como esperado.

10

Antes do componente de tema, ele aparece assim:

IMG_20240708_033414
IMG_20240708_0334141080×1831 358 KB

11

image
image1143×912 158 KB

Modifiquei um pouco sua imagem e, como você pode ver, o rótulo da tag é na verdade muito longo para caber, então ele é colocado na próxima linha.

12

Entendo, mas é esperado que esteja aqui:

IMG_20240708_034945
IMG_20240708_0349451080×762 132 KB

Eu corrigi temporariamente limitando um pouco as tags para que apareçam em apenas 1 linha.

13

Ah, é uma questão de opinião, é proposital porque acho que fica melhor colocar a tag depois da categoria. :thinking:

1 curtida
14

Ah, ok. Então é projetado dessa forma. Soa estranho para mim porque há muito espaço vazio.

Mas ok, entendi agora. Obrigado.

1 curtida
15

Aviso de administrador: No fundo vermelho escuro, um aviso informa que um tema ou plugin precisa ser atualizado devido a mudanças iminentes no núcleo do Discord, mencionando especificamente o tema Tópico OP e última resposta para celular com o ID discourse.hbr-topic-list-overrides. (Legenda por IA)
Aviso de administrador: No fundo vermelho escuro, um aviso informa que um tema ou plugin precisa ser atualizado devido a mudanças iminentes no núcleo do Discord, mencionando especificamente o tema Tópico OP e última resposta para celular com o ID discourse.hbr-topic-list-overrides. (Legenda por IA)904×363 130 KB

Este componente de tema será atualizado?

1 curtida
16

Volte logo, por favor

17

Eu concluí o trabalho de manutenção, mas há um problema - provavelmente preciso colocar um PluginOutlet no core. Sem este outlet, será difícil reescrever este componente de tema intacto.

DEV: Adicionar um PluginOutlet para o número de atividade do tópico na visualização móvel por Lhcfl · Pull Request #31567 · discourse/discourse

atualização: Foi mesclado :slightly_smiling_face:

Agora o componente é compatível com o discourse mais recente

5 curtidas
18

É possível que o commit b35e64 tenha quebrado o TC em 3.4.2? Ele parou de funcionar desde então. Quando instalei a versão mais antiga 55f5a52, está funcionando como esperado.

19

Sim, o commit b35e64 depende de mudanças relativamente recentes no núcleo do Discourse

2 curtidas
20

Recebi um aviso de depreciação para este ótimo componente de tema no console do desenvolvedor do navegador:

[TEMA 71 ‘Tópico OP e última resposta para celular’] Aviso de depreciação: Acessar site.mobileView ou site.desktopView durante a inicialização do site pode levar a erros e inconsistências quando a janela do navegador é redimensionada. Por favor, mova essas verificações para um componente, transformador ou callback de API que execute durante a renderização da página. [obsoleto desde Discourse 3.5.0.beta9-dev] [id de depreciação: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]

2 curtidas
21

O mesmo aqui, mas é apenas um aviso por enquanto