スクロールしても追従するアバター:投稿アバター

:warning: This is now an official feature shipped with Discourse, the theme component repository is archived, you should delete it or it will cause malfunctions :warning:

If for whatever reason you want to disable the sticky avatars, there is currently a workaround using CSS:

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset !important; /* May be needed in some cases */
  }
}
「いいね!」 31

モバイルソリューションがあると嬉しいです。

デスクトップではうまく機能しており、スペースの問題でモバイルに直接翻訳するのが難しいことは理解していますが、メインのナビバーのすぐ下に小さなアバターアイコンを配置することは可能でしょうか?(あまりUXフレンドリーではないことは承知しています)

「いいね!」 3

現在の考えでは、この特定のデスクトップの動作はモバイルでは良いトレードオフではありません。

「いいね!」 2

Discourse の固定アバターが公式機能になりました :tada:

コミットはこちらで確認できます:

OP を編集して、そのことを反映させます。

「いいね!」 11

これで、このテーマコンポーネントを削除できますか?ありがとうございます。

「いいね!」 3

短い投稿のアバターが下に移動する際に固定されず、上に移動する際には固定されるという、動作の一貫性のなさが見られます。詳細は以下の動画をご覧ください。

また、個人的には短い投稿でもアバターが固定される方が良いと思います。現在の「長い投稿でのみ固定」という仕様は少し紛らわしいと感じます。もしかしたら、この動作を有効にする投稿の最小長さを制御する設定があれば、各自の好みに合わせて調整できるので便利かもしれません。

「いいね!」 4

はい、これは予期された動作です。長期間使用した結果、ユーティリティと視覚的なノイズの最適なトレードオフであると判断しました。短い投稿で下にスクロールした場合、誰が投稿したかがわかりますが、上にスクロールした場合、投稿コンテンツがプロフィール画像より先に表示されるため、短い投稿でも価値があります。

しばらくの間、このままで様子を見ていただけると幸いです。現時点では、サイト設定を設ける予定はありません。

「いいね!」 4

はい、テーマコンポーネントを削除してください。両方あると問題が発生します。

OPを更新してこれを明確にしました。ありがとうございます :+1:

「いいね!」 4

先週末、自分で解決策を見つけるのに少し時間を費やしましたが、ずっとここにありました :sweat_smile:

しかし、私のフォーラムでは、スクロールに関する問題のため top: unset を追加する必要がありました。そのため、一部のユーザーには、これを使用すると役立つかもしれません。

.topic-post.sticky-avatar {
  .topic-avatar {
    position: relative !important;
    top: unset  !important;
  }
}
「いいね!」 5

編集しました :slight_smile:

「いいね!」 2

このトピックは29日後に自動的に閉じられました。返信はもう受け付けられません。