Hoe de positie van de avatar om te keren zodat deze voor de onderwerptekst staat?

Ondersteuning
1

like this

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035Ă—195 15.4 KB

1 like
2

Hallo en welkom bij Discourse!

Dit is een bedrieglijk moeilijk iets om te doen: het gebruikt een tabel-element en het is niet eenvoudig om de volgorde te veranderen zonder de daadwerkelijke HTML-structuur te veranderen. En het veranderen van de structuur zou in wezen betekenen dat je de component vervangt door je eigen template, wat ik absoluut niet aanbeveel om te proberen.

Ik heb dit snel geprobeerd, en het is enigszins mogelijk met pure CSS, maar het is geen erg robuuste implementatie.

Voor het geval je het wilt proberen:

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

Ik stel voor dat je het beperkt tot desktop!

1 like
3

Welcome to Meta :waving_hand:

Do you want the topic list to look like this?

I think you can do that with this component

3 likes
4

Het is voor mij niet duidelijk uit de OP of het verzoek is om de auteur van het onderwerp of alle avatars te verplaatsen.

5

Dat klopt, bedankt voor de hulp, heel erg bedankt

1 like
6

Bedankt voor de hulp, ik heb die themacomponent uiteindelijk gebruikt, maar ik waardeer het nog steeds enorm.

1 like
7

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