トピック一覧にトピック作成者を表示

貢献 UX
4

あ！コードをダウンロードしたり表示したりする方法を提供しなかったのは、私が完全に失敗しましたね！ただの 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