Una finestra così piccola per modificare qui su un cellulare

Ecco i miei: (browser, non app)



Tuttavia, non mi piace nascondere la tastiera numerica perché rimuove anche i simboli a pressione prolungata sulla riga superiore a cui sono abituato a usare.

PWA:

2 Mi Piace

Quello si vede anche nello screenshot di @JammyDodger. Non penso ancora che sia a causa della visualizzazione desktop. Ho riprovato e una volta l’intestazione non è stata visualizzata, ma da allora l’intestazione viene sempre visualizzata.

2 Mi Piace

Sì, ho dimenticato di includere la tastiera in alcuni dei miei screenshot. Immagina che metà dello schermo sia coperta da essa. Inoltre, potrei aver premuto “Screenshot lungo” su alcuni di essi e poi aver tagliato la parte troppo lunga. Comunque, ero troppo impressionato dalle caselle di inserimento spaziose su altri siti, quindi mi è sfuggito.

Per quanto riguarda le mie impostazioni di dimensione del carattere / (Android, non Chrome) cursore di zoom dello schermo: si prega di testare con esse leggermente a destra (più grandi) del normale. Aspettatevi che gli utenti più anziani con occhi più vecchi potrebbero usare i telefoni cellulari.

Ho selezionato “Usa visualizzazione desktop” nel menu di Chrome? No, non credo che la PWA abbia un menu di Chrome.

Comunque, il mio punto è: è vero: su alcuni telefoni ci sarà solo un campo di inserimento Nuovo argomento alto tre righe. Sì, si possono inserire quante righe si desidera, ma ha comunque solo un’area visibile di tre righe.

L’ho fatto. E riduce l’area di modifica ad ogni aumento.

Rispetto il fatto che alcuni utenti (soprattutto quelli più anziani) abbiano bisogno di testi più grandi.

Ma dobbiamo anche rispettare il fatto che più grande è il testo, meno spazio c’è per altre cose, inclusa l’area di testo del compositore?

Quindi sarà sempre un compromesso ed è difficile per Discourse evitare quel compromesso?

1 Mi Piace

Beh, si tratta principalmente di quanto sia importante mantenere ogni elemento sullo schermo mentre una persona sta componendo il messaggio. Ad esempio, è importante avere sempre il nome del gruppo sullo schermo? Il titolo del messaggio? La casella dei tag? Di solito l’utente li imposta una sola volta e poi procede a creare il messaggio. Raccomando di consentire loro di piegarsi o arrotolarsi, e se l’utente ha bisogno di regolarli, può riaprirli.

1 Mi Piace

Ciao, sto pensando se sia possibile non mostrare l’area racchiusa in un riquadro rosso in modalità predefinita per i dispositivi mobili?
Quale file/parte dovrei modificare?
Grazie.

Inoltre, immagino che nel 99% dei casi le persone creeranno un nuovo argomento e non qualcosa con votazione.
Quindi forse sarebbe meglio unire questa parte a ‘input title’? come metterla a destra di ‘input title’?
image

Immagino che il mandarino possa presentare sfide uniche qui a causa della natura complessa dei caratteri, quindi le tue scelte per ridurre le dimensioni del testo a livello di telefono sono più limitate?

Per rispondere da l’argomento precedente. Yt.w voleva disabilitare la barra degli strumenti per impostazione predefinita in determinate condizioni perché:

Ho capito che potrei provare a creare del codice per questo. Questa è solo una soluzione tampone immediata.
In realtà, in Discourse per impostazione predefinita, tutto ciò che è inferiore a 370 pixel di larghezza della finestra o, se è un Android, la barra degli strumenti è nascosta.

const storedVal = keyValueStore.get("toolbar-enabled");
if (this._toolbarEnabled === undefined && storedVal === undefined) {
  // iPhone 6 è 375, qualsiasi cosa più stretta e la barra degli strumenti dovrebbe
  // essere disabilitata per impostazione predefinita.
  // Detto questo, dovremmo ricordare lo stato
  this._toolbarEnabled =
    window.innerWidth > 370 && !this.capabilities.isAndroid;
}

Il mio codice sarebbe solo un’estensione per generalizzare questo comportamento a qualsiasi visualizzazione mobile.

Sono d’accordo con te; un altro approccio sarebbe educare l’utente in qualche modo sul fatto che l’icona dell’hamburger attiva/disattiva la barra degli strumenti!

1 Mi Piace

È esattamente quello che intendo:) Potresti spiegarmi dove dovrei aggiungere quel codice? Grazie!

Sto pensando che.
è possibile cambiare l’interfaccia utente da quella di destra a quella di sinistra?
Sarebbe molto utile se qualcuno potesse dirmi quale file dovrei modificare e anche come.

1 Mi Piace

Giapponese :slight_smile:

Mi piace questa idea per il mobile! Purtroppo penso che sarebbe un cambiamento strutturale piuttosto importante.

Penso che dovremmo fare alcune cose per migliorare questo:

  1. Se l’altezza non è sufficiente, disabilita la barra degli strumenti
  2. Indagare sulla riduzione di una riga di altezza sul nuovo argomento, potrebbe aiutare anche questo. (soprattutto quando l’altezza è limitata)

Sui dispositivi di grandi dimensioni questo è difficilmente un problema, ma su certi fattori di forma ora può essere molto grave.

@Arkshine vuoi provare un PR per 1?

5 Mi Piace

Ah sì. Buona osservazione. Aggiungiamo anche il giapponese all’elenco.

In effetti, la tastiera giapponese predefinita occupa tre righe di testo in più rispetto a una tastiera QWERTY!

Un’opzione alternativa è anche scrivere a mano invece che con una tastiera visualizzata sullo schermo, così come la dettatura vocale. È anche possibile collegare una tastiera esterna a un telefono cellulare/computer, nel caso qualcuno non lo sapesse. Alcuni “telefoni” possono anche eseguire un sistema operativo desktop con display e mouse esterni, come con Samsung DeX.

Sopra c’è il sistema di scrittura a mano di Samsung che non necessita di una seconda casella come invece fa Gboard qui:

Ciao :waving_hand:

Ho creato un semplice componente tematico per aggiungere l’opzione a schermo intero anche ai dispositivi mobili. Penso che possa essere una buona soluzione per creare più spazio, se necessario.

Il componente potrebbe aver bisogno di più lavoro sull’area CSS, ma nel complesso funziona bene. :+1:

5 Mi Piace

[quote=“Sam Saffron, post:39, topic:255225, username:sam”]vuoi provare un PR per 1?
[/quote]

Certo! Ci penserò e ci proverò.

[quote=“Don, post:42, topic:255225”]Ho creato un semplice componente tematico
[/quote]

Fantastico! Avere questo pulsante a schermo intero ha molto senso per me.

6 Mi Piace

Sam ha spiegato che si tratta di giapponese, vorrei aggiungere che il mandarino è generalmente più corto dell’inglese, quindi non c’è bisogno di preoccuparsi (x

Non viene visualizzato sull’iPhone :thinking:

Modifica: dopo la rapida correzione di Don funziona bene

1 Mi Piace

Sì, grazie, ho apportato una correzione.

7 Mi Piace