Diversi elementi del menu utente non presenti negli smartphone

Ciao. Nuovo utente qui, solo per pubblicare questo messaggio, mi scuso se è un duplicato (non ho trovato nulla a riguardo, però).

Su Discourse 2.8.0 sembra esserci un problema con il menu utente, sia su uno smartphone reale con schermo 375px x 667px, sia su uno virtuale (Firefox in modalità Responsive Design): per quanto ho visto, il div id=“quick-access-profile” ul ha uno stile flex che porta alcuni elementi a non essere visualizzati su schermi piccoli.

Come esempio proveniente da discuss.pixls.us (ma presente anche su questo sito) e catturato con uno smartphone reale:

Per quanto ne so, sembra che lo stile flex costringa la prima colonna ad essere larga quasi quanto il viewport, facendo sì che gli elementi che non rientrano nello spazio verticale vengano visualizzati fuori dallo schermo (sulla destra).

Per curiosità, sul mio smartphone l’elemento di logout non è raggiungibile in visualizzazione verticale, mentre in Firefox in modalità Responsive Design è il contrario (è nella visualizzazione orizzontale che non riesco a raggiungere l’elemento di logout).

Spero questo aiuti.

2 Mi Piace

E questa è la vista orizzontale (dato che sono un nuovo utente e non posso pubblicare 2 immagini in un unico post):

4 Mi Piace

Grazie per il resoconto dettagliato! Sembra accurato. Lo risolveremo.

4 Mi Piace

Questo è stato corretto qui:

4 Mi Piace

Grazie! :smile:

Sembra funzionare ora qui con il mio smartphone, anche se non capisco bene questo:

(da github)
Aumentare il breakpoint e diminuire il padding per ottenere una copertura completa. Si applica solo a dispositivi molto piccoli (ancora più piccoli dell’iPhone SE)

Immagino tu ti stia riferendo alla seconda versione dell’iPhone SE (basata sull’iPhone 8), ma l’iPhone 7 (il mio) ha la stessa identica risoluzione (viewport), e sembra essere stato risolto anche per esso. Quindi la correzione si applica anche all’iPhone SE, penso.

Comunque, ora è risolto. Grazie ancora.

1 Mi Piace