Le schede utente non evitano l'intestazione

UX
1

…e questo è decisamente importante visto che gli avatar “sticky” sono una cosa. Il caso in questa foto è probabilmente piuttosto comune e tuttavia la scheda utente è sepolta dietro il banner:

image
image1004×528 50.4 KB

Renderla fluttuante in cima o, preferibilmente, farla iniziare sotto l’intestazione aiuterebbe a prevenire che questo scenario, una volta raro ma ora comune, impatti gli utenti.

4 Mi Piace
2

Ciao,

Mi sembra che ci siano in realtà due problemi diversi qui.

  1. Come menzioni, se un articolo è troppo vicino all’intestazione quando viene visualizzata la user-card, la card sarà coperta dall’intestazione.
    Questo sembra essere correlato al modo in cui viene calcolato l’offset quando viene visualizzato l’elemento user-card. Penso che _positionCard (in /app/mixins/card-contents-base.js) determini questo quando viene chiamato il metodo _showCardOnClick. C’è un metodo _calculateTopOffset, ma non fa riferimento all’intestazione, solo a #main_outlet o html. Mi sembra che quando la user-card viene visualizzata sul desktop, dovrebbe cercare l’intestazione e usarla come top. Tuttavia… è un po’ più complicato perché…
  2. Questo comportamento è diverso tra siti mobile e desktop…
    Su un dispositivo mobile, quando viene visualizzata una user-card, questa viene posizionata in cima alla pagina e in quella che sembra una modale a pagina intera. Quando fai clic in qualsiasi punto della pagina e provi a scorrere, la card viene nascosta e la modale distrutta. La stessa cosa accade sul desktop se fai clic al di fuori della user-card. Tuttavia… sul desktop… puoi scorrere senza fare clic su nulla e la user-card rimarrà visibile, finendo dietro l’intestazione se scorri così lontano.

Quindi, oltre a garantire che la user-card rispetti l’intestazione sul desktop, penso che sarebbe bene che il comportamento fosse lo stesso su tutti i dispositivi, in modo che una volta fatto clic al di fuori della card, o si tenti di scorrere, la card venga nuovamente nascosta. Cosa ne pensi?

2 Mi Piace
3

Sembra ragionevole, ma sfortunatamente non ho né il tempo né l’esperienza per impegnarmi davvero in questo da solo.

Spero che qualcuno possa occuparsene una volta che avrà tempo: non è assolutamente una correzione ad alta priorità, ma sarebbe un bel tocco per la professionalità dei siti Discourse in generale.

4

Ho appena testato e mi sembra che questo sia stato risolto. Concordo con gli avatar “appiccicosi”, questa è una correzione importante!