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

Soporte
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