Benutzerkarten vermeiden den Header nicht

UX
1

…und das ist definitiv wichtig, da „Sticky Avatars“ existieren. Der Fall auf diesem Foto ist wahrscheinlich ziemlich häufig, und doch ist die Benutzerkarte hinter dem Banner vergraben:

image
image1004×528 50.4 KB

Entweder sie oben schweben zu lassen oder, vorzugsweise, unterhalb des Headers zu beginnen, würde helfen, dieses einst seltene, aber jetzt häufige Szenario von den Benutzern fernzuhalten.

4 „Gefällt mir“
2

Hallo,

Mir scheint, dass es hier tatsächlich zwei verschiedene Probleme gibt.

  1. Wie Sie erwähnen, wird die Karte vom Header verdeckt, wenn die Benutzerkarte angezeigt wird und sich ein Artikel zu nahe am Header befindet.
    Dies scheint mit der Art und Weise zusammenzuhängen, wie der Abstand berechnet wird, wenn das Benutzerkarten-Element angezeigt wird. Ich glaube, _positionCard (in /app/mixins/card-contents-base.js) bestimmt dies, wenn die Methode _showCardOnClick aufgerufen wird. Es gibt eine Methode _calculateTopOffset, aber sie bezieht sich nicht auf den header, sondern nur auf #main_outlet oder html. Mir scheint, dass die Benutzerkarte auf dem Desktop nach dem Header suchen und diesen als top verwenden sollte, wenn sie angezeigt wird. Allerdings… ist es etwas komplizierter, weil…
  2. Dieses Verhalten unterscheidet sich zwischen mobilen und Desktop-Websites…
    Auf einem Mobilgerät wird die Benutzerkarte beim Anzeigen am oberen Rand der Seite und in einem scheinbar vollbildgroßen Modalfenster positioniert. Wenn Sie irgendwo auf der Seite klicken und versuchen zu scrollen, wird die Karte ausgeblendet und das Modalfenster zerstört. Dasselbe passiert auf dem Desktop, wenn Sie außerhalb der Benutzerkarte klicken. Auf dem Desktop… können Sie jedoch scrollen, ohne irgendwo zu klicken, und die Benutzerkarte bleibt sichtbar und landet hinter dem Header, wenn Sie so weit scrollen.

Zusätzlich zur Sicherstellung, dass die Benutzerkarte auf dem Desktop den Header berücksichtigt, denke ich, dass es gut wäre, wenn das Verhalten auf allen Geräten gleich wäre, sodass die Karte wieder ausgeblendet wird, sobald Sie außerhalb der Karte klicken oder versuchen zu scrollen. Was halten Sie davon?

2 „Gefällt mir“
3

Das erscheint vernünftig, aber leider habe ich weder die Zeit noch die Erfahrung, dies selbst umzusetzen.

Hoffentlich kann sich jemand darum kümmern, wenn er die Zeit hat – es ist definitiv keine hochprioritäre Korrektur, aber es wäre schön für die Professionalität von Discourse-Websites im Allgemeinen.

4

Ich habe gerade getestet und das sieht für mich behoben aus. Ich stimme zu, dass klebrige Avatare eine wichtige Korrektur sind!