Réactiver l'option de bascule plein écran du composer pour les tablettes

[Moin]

	Résumé	Réactive le bouton bascule plein écran dans l’éditeur sur les appareils tactiles à grand écran (par exemple les tablettes), où il est masqué par défaut
	Aperçu	Theme Creator
	Dépôt	https://github.com/moin-Jana/unhide-composer-fullscreen-toggle-for-tablets
	Guide d’installation	Comment installer un thème ou un composant de thème
	Nouveau sur les thèmes Discourse ?	Guide de démarrage pour l’utilisation des thèmes Discourse

Installer ce composant de thème

Il s’agit d’un composant très simple. Il fait exactement ce que son nom indique : il réaffiche le bouton plein écran de l’éditeur sur les appareils tactiles disposant d’un écran large. La seule modification visible est le petit bouton situé en haut à droite :

La raison reste la même que lorsque j’ai signalé l’absence de ce bouton :

@Moin

Et le bouton de l’éditeur plein écran manque désormais dans les deux cas. Il était très utile car il masque les champs de titre et de catégorie lors de la création d’un nouveau sujet, ce qui libère de l’espace pour le corps du message.

Particulièrement lors de l’utilisation d’une tablette en mode paysage, l’espace vertical est assez limité. Dans ce cas, il peut être très utile de pouvoir masquer les champs de titre et de sélection de catégorie lors de la rédaction d’un nouveau message. Sur ma tablette, la différence équivaut à 7 lignes de texte supplémentaires visibles lorsque j’utilise le bouton plein écran.

De plus, il m’arrive parfois de trouver très difficile d’utiliser la poignée en haut de l’éditeur pour le redimensionner. Malheureusement, lorsque j’essaie de réduire sa taille en glissant vers le bas, je finis souvent par rafraîchir la page, ce qui m’oblige à rouvrir mon brouillon. Avec le bouton bascule, il suffit d’un clic — et plus de rafraîchissement accidentel

J’ai créé ce composant pour faciliter au maximum la tâche des administrateurs. Cela dit, la modification CSS est si minime que les administrateurs qui préfèrent ne pas installer de composant pour une seule ligne peuvent tout aussi bien l’ajouter directement à leur thème. Et pour les utilisateurs dont l’administrateur ne l’a pas installé, Stylus ou des extensions et applications similaires fonctionnent tout aussi bien — c’est ainsi que je l’utilise ici sur Meta :

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