そして、これはアバターがくっつくことがあるため、間違いなく重要です。この写真のケースは非常に一般的である可能性が高いですが、ユーザーカードはバナーの後ろに隠れています。
ヘッダーの上に浮かせたり、できればヘッダーの下から開始したりすることで、かつてはまれだったが現在は一般的になっているこのシナリオがユーザーに影響を与えるのを防ぐことができます。
「いいね！」 4
こんにちは。
実際には、ここには2つの異なる問題があるように思われます。
-
おっしゃる通り、ユーザーカードが表示されたときに記事がヘッダーに近すぎると、カードがヘッダーに隠れてしまいます。
これは、ユーザーカード要素が表示される際のオフセットの計算方法に関連しているようです。_showCardOnClickメソッドが呼び出されたときに、これを決定しているのは/app/mixins/card-contents-base.jsの_positionCardだと思われます。_calculateTopOffsetメソッドがありますが、これはheaderには一切言及せず、#main_outletまたはhtmlのみを参照しています。デスクトップでユーザーカードが表示される際には、ヘッダーを探してそれをtopとして使用すべきだと思います。しかし…それは少し複雑です。なぜなら… -
この動作は、モバイルサイトとデスクトップサイトで異なります…
モバイルデバイスでは、ユーザーカードが表示されると、ページの上部に、フルページモーダルのように見える場所に配置されます。ページ上のどこかをクリックしてスクロールしようとすると、カードが隠れ、モーダルが破棄されます。デスクトップでユーザーカードの外側をクリックした場合も同じことが起こります。しかし…デスクトップでは…どこもクリックせずにスクロールでき、ユーザーカードは表示されたままになり、そこまでスクロールするとヘッダーの後ろに隠れてしまいます。したがって、デスクトップでユーザーカードがヘッダーを尊重するようにするだけでなく、デバイス間で動作が同じになるように、カードの外側をクリックしたり、スクロールしようとしたりすると、カードが再び隠れるようにするのが良いと思います。この点についてどう思われますか？
「いいね！」 2
それは妥当に思えますが、残念ながら、自分でそれを本当にコミットする時間も経験もありません。
誰かが時間を見つけて取り組んでくれることを願っています。決して最優先の修正ではありませんが、Discourseサイト全般のプロフェッショナリズムにとっては良いでしょう。
テストしたところ、修正されたようです。アバターが固定されることには私も同意します。これは重要な修正です！