Ripristina il toggle a schermo intero per Composer per tablet

[Moin]

	Riepilogo	Ripristina il pulsante di attivazione/disattivazione a schermo intero nell’editor sui dispositivi touch con schermi più grandi (ad esempio tablet), dove è nascosto per impostazione predefinita
	Anteprima	Theme Creator
	Repository	https://github.com/moin-Jana/unhide-composer-fullscreen-toggle-for-tablets
	Guida all’installazione	Come installare un tema o un componente del tema
	Nuovo ai temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

È un componente molto semplice. Fa esattamente quello che dice il nome: rende visibile il pulsante a schermo intero dell’editor sui dispositivi touch con schermi più ampi. L’unico cambiamento visibile è il piccolo pulsante nell’angolo in alto a destra:

Il motivo è lo stesso di quando ho segnalato la mancanza del pulsante:

@Moin

E il pulsante dell’editor a schermo intero manca in entrambi i casi. Era molto utile perché nasconde i campi titolo e categoria quando si crea un nuovo argomento, permettendoti di utilizzare quello spazio per il corpo del messaggio.

Soprattutto quando si utilizza un tablet in modalità orizzontale, lo spazio verticale è piuttosto limitato. In tal caso, può essere molto utile poter nascondere i campi per la selezione del titolo e della categoria durante la scrittura di un nuovo messaggio. Sul mio tablet, la differenza è di 7 righe di testo in più che posso vedere quando uso il pulsante a schermo intero.

Inoltre, a volte trovo davvero difficile usare la maniglia in alto nell’editor per ridimensionarlo. Purtroppo, quando provo a ridurlo trascinando verso il basso, spesso finisco per ricaricare la pagina e devo quindi riaprire la mia bozza. Con il pulsante di attivazione/disattivazione è sufficiente un clic e niente ricaricamenti accidentali

Ho creato questo componente per rendere le cose il più semplici possibile per gli amministratori. Detto questo, la modifica CSS è così minima che gli amministratori che preferiscono non installare un componente per una singola riga possono ottenerne lo stesso risultato aggiungendola direttamente al loro tema. E per gli utenti il cui amministratore non lo ha installato, Stylus o estensioni e app simili del browser funzionano altrettanto bene: è così che lo uso io qui su Meta:

@media (hover: none) and (width >= 40rem) {
  .discourse-touch #reply-control .toggle-fullscreen,
  .mobile-device #reply-control .toggle-fullscreen {
    display: flex;
  }
}