Abilitare la chat modifica il padding di main-outlet su mobile

Abilitare la chat modifica il padding sul mio main-outlet su mobile in questo modo:

prima

dopo

Il CSS della chat pertinente è qui:


(il padding viene sovrascritto da 1em a 0)

Capisco che sia ancora in fase di sviluppo e che le cose potrebbero cambiare. Immagino abbia senso impostare il padding a zero sulla pagina della chat, ma finisce per essere applicato a ogni pagina.


Una seconda cosa che ho notato è che su mobile, la tastiera copre ciò che sto scrivendo (android/chrome):

confrontalo con discord, dove la casella di testo è posizionata sopra la tastiera

Questo sembra più un bug che qualcosa semplicemente trascurato. Posso approfondire ulteriormente questo problema per vedere se si tratta di un altro componente del tema o di qualcosa che lo causa, se si tratta di un bug specifico da parte mia.

Hai la versione Android / versione Chrome per favore?

Sei sicuro che provenga dalla chat? Non abbiamo un file chat-mobile.scss per quanto ne so.

Chiarirò prima se ho installato la chat nel modo corretto,
Ho ricostruito la mia istanza ieri sera. Non ho incluso la chat nel mio file app.yml - la mia comprensione è che ora sia un plugin che viene fornito con il core di discourse?


L’URL rimanda qui: discourse/plugins/chat at main · discourse/discourse · GitHub

Troverò da dove proviene questo chat-mobile.scss.

Sì, questo è ora un plugin principale

È possibile che mi stia sfuggendo qualcosa… ma a memoria, non so dove questo possa trovarsi attualmente nel plugin. Abbiamo qualcosa con il padding, ma questo dovrebbe essere limitato a .has-full-page-chat e di conseguenza non dovrebbe influire su altre pagine.

1 Mi Piace

L’ho trovato, sembra provenire dal tema Discourse Air che sto usando

Lo uso con alcune delle mie sovrascritture CSS, quindi penso che in questo caso sia un problema “mio”.


Controllerò il problema della tastiera, presumo che questo comportamento non sia intenzionale, giusto?

1 Mi Piace

Sì, non è intenzionale :slight_smile:

Ho isolato il problema. Ho un paio di componenti che utilizzano l’outlet below-site-header (ad esempio, un banner rotante e una barra di navigazione). Suppongo che la loro altezza non venga conteggiata correttamente?

screenshot completo

Questi sono componenti personalizzati che ho scritto, quindi potrebbe essere un altro “mio” problema, ma potrebbe anche essere che qualsiasi cosa in below-site-header possa essere un problema, nel qual caso diventa un “nostro” problema :slight_smile:

1 Mi Piace

Come funzionerebbe però? Ti rimarrebbero 50px di altezza per mostrare la chat.

Penso che il problema principale sia che quando si tocca la casella di testo della chat, lo schermo salta in cima alla pagina e il contenuto in below-site-header diventa visibile.

esempio video

Penso che avrebbe più senso se la pagina saltasse invece a una posizione in cui il fondo del div della chat fosse appena sopra la tastiera. Oppure avere il div della casella di testo fisso in fondo alla pagina (e in cima alla tastiera) in modo che sia sempre visibile e sovrapponga tutto.

Indipendentemente dalla soluzione ideale, la casella di testo dovrebbe essere la primissima priorità di ciò che è visibile sullo schermo, anche se sono disponibili solo 50px.