 |
Resumen | Restaura el botón de alternar pantalla completa en el editor en dispositivos táctiles con pantallas más grandes (por ejemplo, tabletas), donde está oculto de forma predeterminada |
 |
Vista previa | Theme Creator |
 |
Repositorio | https://github.com/moin-Jana/unhide-composer-fullscreen-toggle-for-tablets |
 |
Guía de instalación | Cómo instalar un tema o un componente de tema |
 |
¿Nuevo en Temas de Discourse? | Guía para principiantes sobre el uso de Temas de Discourse |
Instalar este componente de tema
Es un componente muy sencillo. Solo hace lo que dice su nombre: muestra el botón de pantalla completa del editor en dispositivos táctiles con pantallas anchas. El único cambio visible es el pequeño botón en la esquina superior derecha:
La razón sigue siendo la misma que cuando reporté que faltaba el botón:
Especialmente al usar una tableta en orientación horizontal, el espacio vertical es bastante limitado. En ese caso, puede ser muy útil poder ocultar los campos para la selección de título y categoría al escribir un nuevo mensaje. En mi tableta, la diferencia es de 7 líneas de texto adicionales que puedo ver cuando uso el botón de pantalla completa.
Además, a veces me resulta muy difícil usar el asa en la parte superior del editor para cambiar su tamaño. Desafortunadamente, cuando intento reducir el tamaño deslizando hacia abajo, a menudo termino recargando la página y luego tengo que volver a abrir mi borrador. Con el botón de alternar, es solo un clic y no hay recargas accidentales 
Creé este componente para hacer las cosas lo más sencillas posible para los administradores. Dicho esto, el cambio en CSS es tan mínimo que los administradores que prefieren no instalar un componente por una sola línea también pueden agregarlo directamente a su tema. Y para los usuarios cuyo administrador no lo ha instalado, Stylus o extensiones y aplicaciones similares del navegador funcionan igual de bien, que es como lo uso aquí en Meta:
@media (hover: none) and (width >= 40rem) {
.discourse-touch #reply-control .toggle-fullscreen,
.mobile-device #reply-control .toggle-fullscreen {
display: flex;
}
}