モバイル用スティッキーアバター

[Don]

こんにちは:wave: このテーマコンポーネントは、モバイルでスティッキーアバターをアクティブにします。

モバイルで利用できるように、コアのスティッキーアバター機能を再利用しました。
セクション全体（トピックアバター + トピックメタデータ）が一番上に固定されます。投稿の高さが画面より長い場合、または長い投稿で上にスクロールした場合です。短い投稿で上にスクロールした場合のスティッキーアバターを削除したので、モバイルでは長い投稿でのみアクティブになります。

CSSの上書きで、個人メッセージではこの機能を無効にしました。

スティッキーセクションに背景色 var(--secondary) を設定したため、トピック投稿のハイライトを .topic-post から .topic-post .contents に移動したので、アバターとメタデータの下のセクションのみがハイライトされます。

この投稿では、コンテンツセクションのみがハイライトされています。

|||
|-|-|-|
| |リポジトリ| GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile |
| |インストールガイド|テーマまたはテーマコンポーネントのインストール方法|
| |Discourseテーマ初心者ですか？| Discourseテーマの使用に関する初心者ガイド

[jord8on (Jordan)]

@Don、素晴らしい仕事です！

スティッキーアバターフレームの下にドロップシャドウを適用するにはどうすればよいでしょうか？
（このようなもの： box-shadow: 0 -10px 30px 8px #CCCCCC;）

管理者が#HEXコードやぼかしの広さなどを入力するだけで、テーマコンポーネントに微妙なドロップシャドウを追加できる機能があればいいのですが。しかし、あなたの方で対応するほどの価値はないかもしれません。

とりあえず、ドロップシャドウをターゲット/有効にするための適切なCSSオーバーライドは何でしょうか？

topic-meta-dataをターゲットにしようとしたところ、シャドウがその要素全体を囲んでしまい、下部だけにならず、またシャドウにtopic-avatarも含まれませんでした。

何かアドバイスをいただけると大変助かります！

[jord8on (Jordan)]

また、このテーマコンポーネントでエラーメッセージが表示されています（下記参照）。このコンポーネントはもうメンテナンスされていないのでしょうか？

[管理者通知] テーマ「モバイル用スティッキーアバター」には、更新が必要なコードが含まれています。(id: discourse.widgets-decommissioned) (詳細はこちら)

[jord8on (Jordan)]

@Don モバイルでサイトにアクセスするたびにこのエラーが表示される理由について、何かアイデアはありますか？

[Canapin (Coin-coin le Canapin)]

さらに、スクロール時にスティッキーバーが点滅する傾向があります。

コンポーネントがメンテナンスされない場合は、unmaintained タグを付ける必要があります