MD Topic List Mobile component

修正をプ

「いいね!」 3

右側にアバターがある2番目のものをお願いします :pray:

コンポーネントが更新されて嬉しいです。すべてのインスタンスで使用しています。

「いいね!」 1

代替案は良さそうです。アバターをバッジに置き換えるのは、正直言って奇妙です。個人的にはバッジのサイズを小さくしますが、ええ、私には良いと思います。

「いいね!」 2

この代替案は気に入っています。

「いいね!」 2

コンポーネントを更新して試してみました。何か問題があればお知らせください。

Arkshineさん、今回もありがとうございました。あなたの協力なしでは、このプロジェクトは断念していたでしょう。

「いいね!」 2

タイトル下の表示回数と「いいね!」の数についても表示は必要だと思いますか?
以前のバージョンでは表示されていたので。

プラグインのアウトレットを使用してコンポーネントに直接追加したのではないでしょうか。

コードは現在手元にありませんが、もし必要であれば手伝うことができます。

ベースコードは以下のようになっているはずです。

<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **コード**</span>
  <span class='topic-likes'>{{d-icon "heart"}} **コード**</span>
</script>
「いいね!」 1

ああ、本当ですか?私も何か変更したか覚えていません。
もしかしたら、私の記憶違いかもしれません。
でも、助けてくれてありがとうございます。私の方でコードを変更します :sweat_smile:

「いいね!」 1

ちなみに、プレビューリンクが機能していないようです。

「いいね!」 2

修正しました。ありがとうございます。

テーマ作成者ページを整理しましたが、これらのコンポーネントを再度共有し忘れました。

「いいね!」 3

スティーブン様

新しい記事が公開された際に、記事タイトルの後に2つのバッジが表示されますが、これは意図した設定でしょうか?

バッジの1つを削除するためにJavaScriptコードを追加しましたが、特にブラウザによって一貫して動作しないようです。

他に良い提案はありますか?

document.addEventListener("DOMContentLoaded", function () {
  const badges = document.querySelectorAll(".topic-post-badges .badge-notification.new-topic");
  if (badges.length > 1) {
    // 2番目のバッジを削除
    badges[1].remove();
  }
});

「いいね!」 1

直ったと思います。修正をプッシュしたので、更新して問題ないか教えてください。

「いいね!」 1

アップデート後、とてもよく動作します。ありがとうございます :smiley:

「いいね!」 2

オンラインインジケーターがずれています :slight_smile:


最初の行で確認してください

「いいね!」 1

Whos Online プラグインがこのインジケーターを左寄せ(非アクティブ化しました)にアタッチし、アバターが垂直方向に中央揃えされているため、これは難しいです。

これらの変更で近づけることができます(これらを CSS モバイルスタイルシートに配置してください)が、決して完璧ではありません。

.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

最も簡単な解決策は、モバイルおよびトピックリストでのみこのインジケーターを非アクティブ化することです。

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
「いいね!」 2

マックスさん、こんにちは。タイトル下に「いいね」や「視聴回数」などの情報も表示させたいのですが、どうやって実現しましたか?

コンポーネントに関するちょっとしたアップデートです。カテゴリ内では、トピックリストがかなり空でした。著者と投稿数を追加しました。

Before

After

「いいね!」 1

良さそうです。派手すぎないように色をいくつか調整しました。

body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}