Exibir autor do tópico na lista de tópicos

Contribuir Experiência do Usuário
1

Hello!

I would like to change the topic list to only display the topic’s author instead of a list of frequent posters in a topic.

Would there be an easy way to accomplish this?

Username of user below topics
2

EDIT: Here’s a more complete solution I threw together that you can download as a theme component:

https://theme-creator.discourse.org/theme/tshenry/original-poster-only

8 curtidas
Topic Author
3

@tshenry, incrível, estou procurando uma solução semelhante, mas gostaria de exibir o nome de usuário do autor em vez da imagem dele.

Onde podemos dar uma olhada no repositório do seu componente?

4

Ah! Com certeza errei ao não fornecer uma maneira de baixar ou visualizar o código! É apenas um CSS. Vou empacotá-lo em um componente de tema adequado no GitHub quando tiver uma chance.

// Ocultar todos os posters exceto o autor do tópico
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // Mostrar apenas o primeiro poster
    a:not(:first-of-type) {
        display: none;
    }
    // Remover deslocamento e decoração
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // Ajuste para alinhamento central
    & > a {
        float: none;
        margin-right: 0;
    }
}

// Garantir que o usuário correto seja exibido em larguras menores
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // Garantir que o primeiro poster esteja visível
        a:not(.latest) {
            display: block;
        }
        // Ocultar tudo o mais
        a:not(:first-of-type) {
            display: none;
        }
    }
}

O que você está tentando realizar provavelmente está mais próximo de:

4 curtidas
7

Isso é super legal. Obrigado!

O código CSS para dispositivos móveis não parece estar funcionando. O Discourse mudou recentemente a forma como organiza os postadores para mobile? Alguma dica sobre como corrigir isso?

Obrigado!

8

O CSS acima nunca foi destinado a dispositivos móveis, mas acho que isso provavelmente é o que você está procurando?

1 curtida
9

Sim! Não consegui restringir esse layout exclusivo para OP a categorias específicas via CSS usando o tema móvel, como consigo fazer com o seu código CSS. Você tem alguma dica de como posso fazer isso no mobile? (desculpe, sou novo no Ember.js :/)

10

Infelizmente, limitar por categoria seria uma adição bastante significativa a esse componente móvel, já que não é possível verificar a categoria apenas com o arquivo Handlebars. Existem algumas opções que você pode seguir:

  • Crie um tópico em Development sobre o assunto e veja se algum desenvolvedor consegue te dar algumas dicas
  • Analise o código de componentes de tema existentes que envolvem categorias e veja se consegue encontrar ideias/inspiração
  • Faça um anúncio no Marketplace e contrate alguém para desenvolvê-lo para você
2 curtidas