Hello!
I would like to change the topic list to only display the topic’s author instead of a list of frequent posters in a topic.
Would there be an easy way to accomplish this?
EDIT: Here’s a more complete solution I threw together that you can download as a theme component:
https://theme-creator.discourse.org/theme/tshenry/original-poster-only
「いいね！」 8
@tshenry さん、素晴らしいですね。私も同様のソリューションを探していますが、画像の代わりに投稿者のユーザー名を表示したいと考えています。
あなたのコンポーネントのリポジトリはどこで確認できますか？
あ！コードをダウンロードしたり表示したりする方法を提供しなかったのは、私が完全に失敗しましたね！ただの CSS です。時間ができたら、GitHub に適切なテーマコンポーネントとしてまとめます。
// トピックの作成者以外のすべての投稿者を非表示にする
.topic-list .posters {
width: 75px;
text-align: center;
// 最初の投稿者のみ表示
a:not(:first-of-type) {
display: none;
}
// オフセットと装飾を削除
a:first-child .avatar.latest:not(.single) {
position: static;
box-shadow: none;
border: 0;
}
// 中央揃えの調整
& > a {
float: none;
margin-right: 0;
}
}
// 幅が小さい場合でも正しいユーザーが表示されるようにする
@media screen and (max-width: 850px) {
.topic-list td.posters {
// 最初の投稿者が表示されていることを保証
a:not(.latest) {
display: block;
}
// それ以外をすべて非表示
a:not(:first-of-type) {
display: none;
}
}
}
あなたが実現しようとしていることは、おそらく以下に近いです：
「いいね！」 4
本当に素晴らしいです！ありがとうございます。
モバイル用の CSS コードがうまく動作していないようです。Discourse は最近、モバイルでの投稿者のレイアウト方法をに変更しましたか？これを修正するためのヒントはありますか？
ありがとうございます！
上記の CSS はモバイル向けに意図されたものではありませんでしたが、おそらくこれが探しているものだと思いますか？
「いいね！」 1
はい！モバイルテーマでは、あなたのCSSコードのように、特定のカテゴリに対してOP専用レイアウトをCSSで制限することができませんでした。モバイルでそれを達成するためのヒントはありますか（すみません、Ember.jsは初心者なので…）？
残念ながら、カテゴリで絞り込む機能は、そのモバイルコンポーネントにとってやや大きな追加作業になります。なぜなら、カテゴリの判定はハンドルバーファイル単独ではできないからです。以下のような対応方法があります。
- Dev トピックを作成し、開発者からヒントを得られるか確認する
- カテゴリに関連する既存のテーマコンポーネントのコードを調べ、アイデアやヒントを探す
- Marketplace に依頼を投稿し、誰かに作成を依頼する
「いいね！」 2