Steven
1
デスクトップのトピック一覧ページのちょっとしたリデザイン作業の後、モバイル版についても少し作業を行いました。トピックのタイトルを大きく表示するスペースを確保したり、2 行目にさらに詳しい情報を追加したり、最後の投稿専用の列を設けたりするなど、いくつかの似たアイデアを取り入れました。
互換性
このテーマコンポーネントは、タグ機能、フィーチャーされたリンク機能、および 元のトピック一覧バージョン で利用可能なすべての機能と互換性があります。カテゴリスタイルの表示(箇条書き、バー、ボックス)はすべて、このコンポーネントと動作します。
このテーマコンポーネントは、いくつかの色パレットでテストされており、ライト、ニュートラル、ダークのどのテーマでも動作します。
残念ながら、トピック一覧の表示を変更する既存のプラグイン(トピック一覧プレビューなど)とは互換性がない可能性があります。
問題があればお気軽にお知らせください!
「いいね!」 21
Heliosurge
(Dan DeMontmorency)
2
素晴らしいプラグインですね。ただ、一般的なご提案として、テーマとコンポーネントのリストにDiscourseの最低バージョンを表示することは可能でしょうか?私はStableブランチを使用していますが、2.5betaのテストサンドボックスも用意しています。@codinghorror さん、いかがでしょうか?
Steven
3
古いバージョン用に特定のブランチを作成しました。
インストール時は、https://github.com/iunctis/md-topic-list-mobile のリンクを使用し、高度なオプションで older-discourse を追加してください。
右側の列にあるアバターが正常に表示されれば、動作していることがわかります。数週間後にアバターが表示されなくなった場合は、高度なオプションを使用せずにコンポーネントを再インストールするだけで対応できます。
「いいね!」 2
Canapin
(Coin-coin le Canapin)
4
直接比較:
デフォルト / コンポーネント
最後の投稿者のアバターが右側にあるのが気に入っています。
デフォルトのモバイルレイアウトでは、トピックタイトルのすぐ左にある大きなアバターが「著者」を強くアピールしています。
単なる好奇心からですが、scss ファイルを確認したところ、scss が提供するネスト構文を使用しなかった理由はあるのでしょうか?
「いいね!」 7
Heliosurge
(Dan DeMontmorency)
5
詳細オプションを試しましたが、まだ「無効 要件: 2.5 ベータ2」と表示されます。
Steven
6
主に、css でネスト構文を使うとミスをしてしまうからなんです:
でも、トピックリストのデザインに慣れて自信がついたら、数週間以内に書き直せるかもしれません。
@Heliosurge about.json ファイルを編集しましたので、もう大丈夫だと思います。
「いいね!」 3
Steven
8
さっき少しアップデートを適用しました。新機能はありませんが、新しいサムネイル関数との互換性を追加しました。
テーマコンポーネントは、以下のコンポーネントと完全に互換性があります。
「いいね!」 4
すごく気に入りました、とてもクリーンですね。@Steven、総返信数をクリックしたときに、このネイティブ機能を CSS で追加することは可能でしょうか?
Steven
10
CSS ではなく、テンプレートを修正できます。
私自身は、この機能は最初の投稿にアクセスするためにのみ使用していますが、私のナビゲーション方法を全員に押し付けるべきではありません。この機能を復活できるか確認します。
「いいね!」 2
Steven
11
この機能を復元するためにコンポーネントをアップグレードしました。2 つのサポートでテストしましたが、もし問題があればお知らせください。
「いいね!」 2
Canapin
(Coin-coin le Canapin)
12
@Steven さん、新しいメッセージの通知が 2 回表示されているようです。1 つはトピックタイトルの右側に、もう 1 つは返信カウンターが表示される代わりに表示されています。これはバグでしょうか、それとも何か見落としているのでしょうか?
ちなみに、モバイルのトピック表示は非常に素晴らしいです。私のユーザーも気に入っています。
「いいね!」 1
Steven
13
それはトピックの入り口ボタンを含む最後のアップデートからのものであるはずです。以前のバージョンに戻す方がよいと思います。コンポーネントにあまり適していません。
数分後にアップグレードします
編集:今すぐアップグレードしました。よくなったか教えてください。
「いいね!」 1
Canapin
(Coin-coin le Canapin)
14
はい、今は完璧に動作しています。ありがとうございます。迅速に対応していただき、ありがとうございます 
「いいね!」 1
Canapin
(Coin-coin le Canapin)
15
タグリストの前に追加したタグの絵文字を削除したほうがいいと思います:
OSによって表示が異なります:

フォーラムのデザインに合わない可能性があります。デフォルトではアイコンが表示されないデスクトップのデザイン選択を尊重すべきです。
もし実際に tag icons component でタグアイコンを追加する場合、以下のように表示されます:

そのため、CSSで絵文字を非表示にしましたが、そもそもここにあるべきではないと思います 
私のフォーラムでの現在の表示:

.md-tlm .discourse-tags::before {
display: none;
}
.md-tlm .tl-replies {
margin-right: 8px;
}
「いいね!」 1
Steven
16
フィードバックありがとうございます。インターネットの接続に大きな問題があり、Discourse の作業が少し遅れています。
タグのアイコンや絵文字のアイデアは気に入っていますが、おそらく2つのテーマコンポーネントを d-icon タグに変更する予定です。同時に、タグアイコンコンポーネントとの互換性を保つため、アイコンを含まないブランチも作成します。
「いいね!」 1
Canapin
(Coin-coin le Canapin)
17
スティーブンさん!
Discourse の現在のバージョンで、いくつかのレイアウトの問題があるようです。
空のテーマを作成し、MD Topic List Mobile Component のみを含めたところ、これが問題であることが判明しました。
以下はモバイルビューです。
マージン/パディングに何か奇妙な点があります。
「いいね!」 2
Steven
18
ありがとうございます。すぐに確認します。
コアの再設計が進んでいることを考えると、カスタムクラスを最大限削除するようにテンプレートを書き直してみます。
編集:新しいコミットです。将来的に更新しやすくするために、テンプレートとスタイルシートを書き直しました。
何か問題があればお知らせください @Canapin
「いいね!」 4
返信数と並べて、トピックの合計いいね数と閲覧数を追加できますか?
「いいね!」 2