Como inverter a posição do avatar para ficar na frente do texto do tópico?

Suporte
1

como este

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

1 curtida
2

Olá e bem-vindo ao Discourse!

Esta é uma coisa enganosamente difícil de fazer: usa um elemento de tabela e não é simples mudar a ordem sem alterar a estrutura real do HTML. E mudar a estrutura significaria essencialmente substituir o componente pelo seu próprio template, o que eu não recomendo tentar de forma alguma.

Eu dei uma olhada rápida e é um tanto possível com CSS puro, mas não é uma implementação muito robusta.

Caso queira tentar:

.topic-list-item {
    position:relative;
}

.topic-list .posters {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 150px;
    overflow: hidden;
    display: block;
    box-sizing: border-box;
    height: auto;
}

.topic-list .topic-list-data:first-of-type {
    padding-inline-start: 150px;
}

Sugiro que você limite o escopo para desktop!

1 curtida
3

Bem-vindo à Meta :waving_hand:

Você quer que a lista de tópicos fique assim?

Acho que você pode fazer isso com este componente

3 curtidas
4

Não está claro para mim, a partir do OP, se o pedido é para mover o autor do tópico ou todos os avatares.

5

Está certo, obrigado pela ajuda, muito obrigado

1 curtida
6

Muito obrigado pela ajuda também, acabei usando esse componente de tema, ainda assim, agradeço muito.

1 curtida
7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.