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

Supporto
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!

1 Mi Piace