Comment inverser la position de l'avatar pour qu'il soit devant le texte du sujet ?

Soutien
2

Bonjour et bienvenue sur Discourse !

C’est une chose d’une difficulté trompeuse à faire : elle utilise un élément de tableau et il n’est pas simple de changer l’ordre sans modifier la structure HTML réelle. Et changer la structure signifierait essentiellement remplacer le composant par votre propre modèle, ce que je ne recommande pas d’essayer du tout.

J’ai essayé rapidement, et c’est quelque peu possible avec du CSS pur, mais ce n’est pas une implémentation très robuste.

Si vous voulez essayer :

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

Je vous suggère de le limiter aux ordinateurs de bureau !

1 « J'aime »