スマホでOPと最終レスを表示

|||
|-|-|-|
| :information_source: | 概要 | このコンポーネントはモバイルでトピックのOPと最後の返信を表示します。
| :eyeglasses:|プレビュー| Theme Creator |
| : hammer_and_wrench:|リポジトリ| Lhcfl/discourse-mobile-topic-op-and-last-reply (github.com) |
| :question:|インストールガイド|テーマまたはテーマコンポーネントのインストール方法|
| :open_book:|Discourseテーマ初心者の方へ| Discourseテーマの使用方法に関する初心者ガイド

このテーマコンポーネントをインストール

このテーマコンポーネントは、@awesomerobot氏のShow Original Poster Avatars - theme-component - Discourse Metaに強くインスパイアされています。彼の素晴らしい作品に感謝しましょう!

このテーマコンポーネントは、モバイルでトピックのOPを表示するか、最後の返信者を表示するかについてバランスが取れています。ご覧のとおり、トピックのOPは左側に表示され、最後の返信者は右側に表示されます。特に、返信がない場合は、アバターの位置が時計に置き換えられます。

「いいね!」 16

MD Topic List Mobile component を少し思い出させます :slight_smile:

「いいね!」 2

ありがとうございます!

コンピューターでも同様のことを行っていただけますか?

デスクトップのトピックリストには、より詳細な情報が提供されていませんでしたか?

「いいね!」 1

良いテーマコンポーネントですが、私のカテゴリ+タグでそうなります。

修正可能でしょうか?

何も表示されないということですか?

コンポーネントをテストしましたが、私の側では正常に動作しています。

こんにちは、また私です。これを修正する方法はありますか?


テーマコンポーネントを無効にすると、期待どおりに表示されます。

また、プレビューでは、カテゴリとタグの間にスペースがありません。

「いいね!」 1

これで問題ありません。期待どおりです。

テーマコンポーネントの前は、このようになります。

画像を少し修正しました。タグのラベルが長すぎて収まらないため、次の行に配置されているのがわかります。

承知いたしました。こちらにあるはずです。

タグを1行に収まるように少し制限することで、一時的に修正しました。

それは意見の問題です。カテゴリの後にタグを付ける方が見栄えが良いと思うので、意図したデザインです。:thinking:

「いいね!」 1

なるほど、そういう仕様なのですね。無駄なスペースが多いので不思議に思いましたが、理解できました。ありがとうございます。

「いいね!」 1

このテーマコンポーネントは更新されますか?

「いいね!」 1

早く戻ってきてください、please

メンテナンス作業を完了しましたが、問題が発生しました。おそらくコアにPluginOutletを配置する必要があります。このアウトレットがないと、このテーマコンポーネントをそのまま書き直すのは困難です。

DEV: Lhcflによるモバイルビューのトピックアクティビティ番号用のPluginOutletを追加 · Pull Request #31567 · discourse/discourse


更新:マージされました :slightly_smiling_face:

これで、コンポーネントは最新のDiscourseと互換性があります。

「いいね!」 5

コミット b35e64 が 3.4.2 の TC を壊した可能性はありますか?それ以来、動作しなくなりました。古い 55f5a52 バージョンをインストールしたところ、期待どおりに動作しました。

はい、コミット b35e64 は比較的新しいDiscourseコアの変更に依存しています

「いいね!」 2

ブラウザの開発者コンソールで、この素晴らしいテーマコンポーネントの非推奨通知を受け取りました。

[THEME 71 ‘Topic OP and last reply for mobile’] 非推奨通知: site.mobileView または site.desktopView にサイト初期化中にアクセスすると、ブラウザウィンドウのサイズが変更されたときにエラーや不整合が発生する可能性があります。これらのチェックは、ページレンダリング中に実行されるコンポーネント、トランスフォーマー、または API コールバックに移動してください。[deprecated since Discourse 3.5.0.beta9-dev] [deprecation id: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]

「いいね!」 2

私も同じですが、これは一時的な通知です