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

Ondersteuning
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