トピックリストプレビュー (TLP)

@merefield - 十分にテストを行わなかったことによるご迷惑をお詫び申し上げます。問題は、メンテナンスされていないTCであるTopic Banners componentから発生しました。しばらく前にメンテナンスされていない状態に設定されていたことに気づきませんでした。それが、あなたのTCと何らかの形で干渉していました。

TCのステータスをそれぞれの管理パネルに表示する新しいDiscourseの機能を提案すべきだと思いますか?

「いいね!」 1

問題ありません。コアチームはすでにその状況を改善するためにいくつかの努力をしていると思います。彼らが他にできることがあるかどうかはわかりませんが、いずれにしても心配しないでください。:slight_smile: 時々、問題がどこから来ているのかを判断するのは難しいことがあります。

トピックリストを無限に読み込むとレイアウトが壊れる問題が発生しているようです。確認するには、このURLを開き、テーマ切り替え(左下)でレトロに切り替えて、すべてのトピックをスクロールして問題を見つけてください:https://neidan.discourse.group

スクリーンショット:

スクリーンショットでお分かりの通り、無限読み込み後にレイアウトが壊れており、サムネイルなどがすべて混ざってしまっています。

フォーラムはDiscourseによって公式にホストされており、プラグインやカスタマイズは非常に少ないです。

以前はこの明らかな問題はなかったように思いますが、アップデートで発生したはずです…

「いいね!」 1

興味深いですね。コンソールにもエラーはありません。時間があるときに確認します。ご報告ありがとうございます。(素敵なサイトですね :slight_smile:

(参考情報ですが、ブラウザでネイティブのMasonryレンダリングがサポートされていないのは残念な欠点であり、より脆弱なJavaScriptを書くことを余儀なくされます。このテーマコンポーネントはもう8年以上前のものですが、その間ずっと実装について議論が続いています!)

再現できます。アップデート後、https://starzen.space も同様に壊れたようです。

これで試してみてください(オフスクリーン時のサイズ計算に関連していると思われます。回避策はありましたが、Firefoxに限定されていました)

更新して、問題が解決したかどうか教えてください。

こんにちは!迅速な修正ありがとうございます!動作するようです - 回避策のようですが、最初のミリ秒で同じ問題が発生し、その後再調整されます。しかし、今のところ結果はうまくいっています。ありがとうございました!

「いいね!」 1

ああ、ある意味「回避策」以上のものですね。JavaScriptは、あまり負荷をかけないように設計されています。もっと頻繁に実行されると、エネルギーを無駄にしてしまいます。これは、masonryがCSSでサポートされるまでの妥協案です…

承知いたしました!迅速な修正をありがとうございます!:slight_smile: コンポーネントはそのまま使用させていただきます。近いうちに実現されることを願っています。

期待しないでください (Kitai shinaide kudasai) haha

「いいね!」 2

もう一つ気づいた点ですが、iPhone 13miniでのモバイル表示がいつもより少しずれています。こちらがスクリーンショットです。

これは以前よりも明らかに悪化しています。これを修正する方法はありますか?テキストと画像が境界線をはるかに超えています。

@patrickemin こちらのCSSもお試しください:

.tiles-style .topic-list-item.tiles-style  {
    background-color: var(--primary-very-low);
}

これで、タイルを区別しやすくするために、シンプルな背景色を設定できます。

そうすれば、sidecarプラグインは不要になります。

CSSで修正できるのは確かです。もし助けが必要でしたら Marketplace

このコンポーネントはオープンソースで、サブスクリプションはありません。しかし、私は多忙なため、無料サポートは限られていることをご了承ください。

OPに記載されているサイトのどちらでも、その問題は確認できませんでした。(お使いのデバイスでご確認ください)お使いの特定のテーマの特別な要件に関連している可能性があります。

ありがとうございます。しかし、すべてのタイルに影響しますか?理想的には、タイルが1つおき(偶数タイル)にこの背景を持つことになりますが、CSSでは不可能だと思いますか?

特別なニーズがある場合は、誰かを雇うことをお勧めします Marketplace

「いいね!」 1

さらに修正を加え、動作が大幅に改善されるはずです。

これにより、トピックの数が変更されたときにタイルがリサイズされるはずです。

角ケースに当たってしまいました(笑)

トピックプレビュー用に360pのアニメーションAVIF画像を用意したいので、以下のように設定しました。

これは問題なく動作していましたが、トピックを開いておすすめセクションまでスクロールしたときに問題が発生しました :joy:

どういうわけか、おすすめはサイズ制限されていないようです。
(画像とカードは、タイトルリンクのように新しい投稿ではなく、トピックのトップにリンクされていますが、それは別の問題です)

「いいね!」 2

suggestedTopic list tiles topic lists に追加しました。いくらか修正されたようです

「いいね!」 1

@merefield
画像と詳細リンクが、タイトルリンクのように /t/foo/123 ではなく t/foo/123/1 にリンクしているか確認していただけますか?
どこかにバグがあると思います
未読トピックのリンクが壊れます(当然、新しい投稿にリンクするはずです)

画像は通常サムネイルがあるOPにリンクすることを意図しています。ただし、以下を含む(ただしこれらに限定されない)より多くのオプションを提供するために設定を追加できます。

  • 最後に読んだ投稿と
  • 現在選択されているサムネイル(最初の投稿にある必要はありません。別のものを選択できます)
「いいね!」 3