Wie man die Position des Avatars umkehrt, sodass er vor dem Thema-Text steht?

Unterstützung
2

Hallo und willkommen bei Discourse!

Das ist eine trügerisch schwierige Sache: Sie verwendet ein Tabellenelement und es ist nicht einfach, die Reihenfolge zu ändern, ohne die tatsächliche HTML-Struktur zu ändern. Und die Struktur zu ändern würde im Wesentlichen bedeuten, die Komponente durch Ihre eigene Vorlage zu ersetzen, was ich überhaupt nicht empfehlen würde.

Ich habe dem einen schnellen Versuch gewidmet, und es ist mit reinem CSS einigermaßen möglich, aber es ist keine sehr robuste Implementierung.

Falls Sie es versuchen möchten:

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

Ich schlage vor, Sie beschränken es auf den Desktop!

1 „Gefällt mir“