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

Soutien
1

comme ça

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

1 « J'aime »
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 »
3

Bienvenue sur Meta :waving_hand:

Voulez-vous que la liste des sujets ressemble à ceci ?

Je pense que vous pouvez le faire avec ce composant

3 « J'aime »
4

Oh, il n’est pas clair pour moi d’après le message initial si la demande concerne le déplacement de l’auteur du sujet ou de tous les avatars.

5

C’est exact, merci pour votre aide, merci beaucoup

1 « J'aime »
6

Merci beaucoup pour votre aide également, j’ai fini par utiliser ce composant de thème, néanmoins, je l’apprécie vraiment.

1 « J'aime »
7

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