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

Unterstützung
1

so

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

1 „Gefällt mir“
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“
3

Willkommen bei Meta :waving_hand:

Möchtest du, dass die Themenliste so aussieht?

Ich denke, das kannst du mit dieser Komponente erreichen

3 „Gefällt mir“
4

Für mich ist aus dem OP nicht klar, ob die Anfrage darin besteht, den Themaautor oder alle Avatare zu verschieben.

5

Das ist richtig, danke für die Hilfe, vielen Dank

1 „Gefällt mir“
6

Vielen Dank auch für die Hilfe, ich habe diese Theme-Komponente verwendet, aber ich weiß es wirklich zu schätzen.

1 „Gefällt mir“
7

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