トピックテキストの前にアバターの位置を反転させる方法

サポート
1

\u003e このように
\u003e
\u003e

4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x195
4f1bd2b32b20542c79e1dec277bce558f7d210bd_2_1035x1951035×195 15.4 KB

「いいね！」 1
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;
}

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

デスクトップにスコープすることをお勧めします！

「いいね！」 1
3

Metaへようこそ:waving_hand:

トピックリストをこのように表示したいですか？

このコンポーネントで実現できると思います

「いいね！」 3
4

OPからは、トピックの作成者を移動させるリクエストなのか、それともすべてのキャラクターを移動させるリクエストなのか、私には明確ではありません。

5

はい、ありがとうございます。本当に助かりました。

「いいね！」 1
6

どうもありがとうございました。そのテーマコンポーネントを使用しました。それでも、本当に感謝しています。

「いいね！」 1
7

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