Как изменить положение аватара, чтобы он был перед текстом темы?

Поддержка
1

как это

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

2

Привет и добро пожаловать в Discourse!

Это обманчиво сложная задача: здесь используется элемент таблицы, и изменить порядок без изменения фактической структуры HTML непросто. А изменение структуры фактически означает замену компонента вашим собственным шаблоном, чего я совсем не рекомендую пытаться делать.

Я быстро попробовал, и это в какой-то мере возможно с помощью чистого CSS, но это не очень надежная реализация.

Если вы хотите попробовать:

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

.topic-list .topic-list-data:first-of-type {
    padding-inline-start: 150px;
}

Я рекомендую ограничить это действие для настольных версий!

3

Добро пожаловать в Meta :waving_hand:

Хотите, чтобы список тем выглядел так?

Думаю, это можно реализовать с помощью этого компонента:

4

Мне неясно из исходного сообщения, требуется ли переместить автора темы или все аватары.

5

Верно, спасибо за помощь, большое спасибо

6

Спасибо вам большое за помощь! В итоге я всё же использовал этот компонент темы, но я искренне ценю вашу поддержку.