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

Поддержка
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;
}

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