Come invertire la posizione dell'avatar in modo che sia davanti al testo dell'argomento?

Supporto
1

come questo

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035Ă—195 15.4 KB

2

Ciao e benvenuto su Discourse!

Questa è una cosa ingannevolmente difficile da fare: utilizza un elemento di tabella e non è semplice cambiare l’ordine senza modificare la struttura HTML effettiva. E cambiare la struttura significherebbe essenzialmente sostituire il componente con il tuo modello, cosa che non consiglio affatto di provare.

Ci ho dato una rapida occhiata, ed è in qualche modo possibile con puro CSS, ma non è un’implementazione molto robusta.

Nel caso volessi provare:

.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;
}

Suggerisco di limitarlo al desktop!

3

Benvenuto in Meta :waving_hand:

Vuoi che l’elenco degli argomenti sia così?

Penso che tu possa farlo con questo componente

4

Non mi è chiaro dall’OP se la richiesta sia di spostare l’autore dell’argomento o tutti gli avatar.

5

Esatto, grazie per l’aiuto, grazie mille

6

Grazie mille anche per l’aiuto, ho finito per usare quel componente tematico, comunque, lo apprezzo molto.