このようなトピック投稿の横並びレイアウトを実現する方法

[lilstranded (LiLStranded-Here)]

Discourse インスタンスでサイドバイサイド レイアウトを実現したいと考えています（添付画像参照）。これを実現する方法について、どなたか教えていただけますでしょうか？ どんな助けでも感謝いたします！

[NateDhaliwal]

CSS Flexbox かもしれませんね。たぶん思いつきですが。その後は、API/requests を使用して、投稿数など他のデータを取得することもできます。

[Canapin (Coin-coin le Canapin)]

あなたが望むのは基本的に水平バーを垂直バーに置き換えることですか？
それはテーマコンポーネントで実現でき、CSSだけではできません。
何かを壊さないように注意が必要で、簡単にはいかないかもしれません：考え中:

[lilstranded (LiLStranded-Here)]

基本的なFlexboxの調整を試してみましたが、レイアウトだけが崩れてしまいました。

[lilstranded (LiLStranded-Here)]

{“translation”: “こんにちは @Canapin！基本的には、投稿者の詳細を左側に、投稿内容を右側に配置したいです。通常の discourse のレイアウトのように上下に並べられるのではなく、横並びにしたいです。
そのためのMODがあれば助かります。”}

[manuel (Manuel Kostka)]

@Canapin

CSSのみでは実現できません。

CSSのみではこれらの要素をきれいに配置することはできないと思います。アバターとデフォルトのメタデータは、テンプレートで個別に配置されています。

Epicフォーラムでは実際にはどのように行われているのか疑問です。これはテンプレートのオーバーライドですか？この場所にはプラグインのアウトレットが見当たりません。

[Arkshine]

私が見る限り、彼らはpost-avatarウィジェットの内容の後にデータ（ユーザー名など）を再追加し、.topic-avatarに幅を追加し、それ以外のすべてをCSSで隠していて、日付だけを表示しています。再現できるか試してみます。

[Arkshine]

この基本的なテーマコンポーネントをお試しください: GitHub - Arkshine/discourse-topic-avatar-vertical-layout.

• デスクトップビューのみ
• 他の変更と互換性があります^[1]
• 投稿数は含まれていません。このプラグインのようなものが必要です: GitHub - Arkshine/discourse-user-post-count.

問題があればお知らせください。

---

1. poster-name ウィジェットを post-avatar ウィジェットの下に移動します。CSS調整以外の変更はありません。 ↩︎

[lilstranded (LiLStranded-Here)]

うまくいきました！本当にありがとう、相棒。