Cómo invertir la posición del avatar para que esté delante del texto del tema

Soporte
1

como esto

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

1 me gusta
2

Hola y bienvenido a Discourse.

Esto es engañosamente difícil de hacer: utiliza un elemento de tabla y no es sencillo cambiar el orden sin modificar la estructura HTML real. Y cambiar la estructura significaría esencialmente reemplazar el componente con tu propia plantilla, lo cual no recomiendo intentar en absoluto.

Le di una rápida oportunidad y es algo posible con CSS puro, pero no es una implementación muy robusta.

En caso de que quieras intentarlo:

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

¡Sugiero que lo limites a escritorio!

1 me gusta
3

Bienvenido a Meta :waving_hand:

¿Quieres que la lista de temas se vea así?

Creo que puedes hacerlo con este componente

3 Me gusta
4

No me queda claro por el OP si la solicitud es mover al autor del tema o a todos los avatares.

5

Así es, gracias por la ayuda, muchas gracias

1 me gusta
6

Muchas gracias también por la ayuda, terminé usando ese componente temático, aun así, lo aprecio mucho.

1 me gusta
7

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