Hola, he estado en stable, ahora en la última versión esr, y parece que ya no existe un diseño móvil/escritorio conmutables explícitamente. Ya no veo el interruptor en la esquina inferior izquierda de la barra lateral, y ?mobile_view=1 / ?mobile_view=0 ya no tiene ningún efecto. Ahora pasa del modo escritorio con la barra lateral y el menú de hamburguesa a la izquierda al diseño móvil sin barra lateral y el menú a la derecha simplemente redimensionando horizontalmente la ventana del navegador de escritorio. Entonces, ¿ahora solo se basa en el ancho del navegador? Anteriormente permitía usar el diseño móvil simplificado en una pantalla de tableta más grande si se deseaba, o alternativamente permitía usar el modo escritorio (con más detalles en la lista de temas, por ejemplo) en un teléfono más pequeño o una ventana de navegador estrecha para aquellos usuarios que lo preferían.
Eso es correcto: hemos estado avanzando hacia la simplificación de nuestros diseños para que sean verdaderamente responsivos, ya que es un estándar de diseño más ampliamente aceptado utilizar un punto de interrupción que responda al ancho. También hemos descubierto que es más fácil de mantener, y un diseño basado en el ancho también funciona bien con otros elementos de diseño externos, como al integrar banners compartidos entre un sitio principal y un foro.
Una de las desventajas de este enfoque es que no se puede ejecutar lógica específica del dispositivo en un inicializador.
Un ejemplo clásico es establecer una página de inicio diferente para móvil frente a escritorio; ahora no se puede hacer esto.
En mi humilde opinión, esto va a requerir un enfoque mucho más dinámico sobre cómo se hacen las plantillas.
Gracias por la respuesta. En principio tiene sentido, pero en la práctica es un poco problemático para los usuarios más avanzados/frecuentes. Como mencioné, hay mucha menos información visible en la lista de temas cuando se está en el modo de diseño reducido, especialmente al usar algo como Sam's Simple Theme, por lo que algunos prefirieron forzar explícitamente el diseño de escritorio, e incluso así se adaptaba correctamente para que encajara horizontalmente sin desbordarse.
Hay límites para hacer esto que hemos eliminado con nuevos métodos: determinar las capacidades al inicializar es bastante inflexible, si algo cambia tendríamos que recargar toda la página.
Esto es útil porque los dispositivos son menos predecibles ahora: los teléfonos pueden desplegarse en tabletas, las computadoras portátiles pueden convertirse en tabletas, puedes conectar un teclado y un ratón a muchísimas cosas…
Se siente diferente si estás acostumbrado a la forma antigua, pero cualquier cosa que estuvieras haciendo en un inicializador probablemente todavía sea posible y más receptiva a las capacidades cambiantes.
Sí puedes, ahora es más granular y muestras/ocultas contenido condicionalmente dentro de la misma plantilla en lugar de reemplazarla por completo. Por ejemplo, ahora tenemos un objeto de viewport (ventana gráfica) en nuestro servicio de capacidades…
En una plantilla…
{{#if this.capabilities.viewport.lg}}
Contenido para pantallas grandes
{{/if}}
{{#if this.capabilities.viewport.sm}}
Contenido para pantallas muy pequeñas
{{/if}}
o en JS…
get myContent() {
if (this.capabilities.viewport.sm) {
return "contenido corto";
} else {
return "el contenido muy muy largo"
}
}
y luego en CSS puedes alinear con los mismos puntos de interrupción como…
@use "lib/viewport";
.my-element {
font-size: 1em;
@include viewport.until(sm) {
font-size: 2em;
}
}
Claro, estoy al tanto de estos reemplazos.
Sin embargo, espero ver patrones como este utilizados de manera más fundamental.
Como si mi página de inicio fuera Categorías en Escritorio, puedo ver una Lista de Temas.
Podría argumentarse que una Lista de Temas también debería mostrarse en Móvil… actualmente se pierde el elemento de Lista de Temas.
Por eso existía la TC de Forzar Página de Inicio Móvil…
Espero estarme explicando…
Sí, tiene sentido, creo que haremos gradualmente cambios de soporte como ese… es solo complicado cuando hemos construido tanto usando las formas antiguas y tenemos que soportarlas de una manera que no rompa inmediatamente la personalización.
Lamentablemente, necesito continuar un poco más con este tema debido a los usuarios a los que realmente no les gusta el diseño móvil simplificado. Esto parece ser especialmente cierto para los usuarios de tabletas en orientación vertical.
Así que supongo que todavía estoy un poco confundido acerca de exactamente qué cambió, ¿se eliminó el interruptor 
/ 
de la barra lateral? ¿Se puede invocar el mismo método JS con un script personalizado o algo así? ¿O hay algún cambio en el código del diseño de escritorio que hará que ya no se adapte de forma responsiva a anchos de navegador más estrechos?
Parece que el interruptor “Sitio de escritorio” del navegador (probado en Chrome y Firefox en una tableta Android) fuerza el diseño antiguo que solía corresponder al interruptor / de Discourse, y todavía se adapta de forma responsiva sin desbordarse. Pero el texto parece ser mucho más pequeño de lo que recuerdo.
También sé cómo seleccionar ciertos puntos de interrupción de ancho, es decir, @media screen and (max-width: 1000px) {… pero no estoy seguro de si se podría hacer algo allí con anulaciones de CSS.
Estoy de acuerdo con esto, nunca me ha gustado mucho el diseño móvil en mi teléfono, se siente mucho más restrictivo y todo es demasiado grande a menos que mi zoom esté como a la mitad. Siempre he usado el diseño de escritorio aquí hasta que literalmente no pude.
Entiendo la simplicidad de mantener un diseño y no preocuparse por cambiar, pero la elección es agradable a veces…
No, no es solo que se eliminó de la barra lateral. Hemos eliminado la estructura subyacente para alternar.
¿Eso significa que Force Mobile Homepage debería etiquetarse como #roto?
Lo he marcado como roto.
Por esta razón:
Entonces, para forzar que no revierta al diseño móvil simplificado con anchos verticales de tableta normales, ¿podría usar algo como esto en el CSS? @media screen and (max-width: 700px) {…
¿O la opción “Sitio de escritorio” en el navegador móvil es la única opción que se puede recomendar a los usuarios?
¿Pueden probar usando la opción “Solicitar escritorio” junto con el aumento del tamaño de la fuente en https://meta.discourse.org/my/preferences/interface?
Hola, gracias por la respuesta.
Un usuario probó el interruptor de “Sitio de escritorio” en el navegador, pero informó que no marcó ninguna diferencia. En mi tableta sí cambia al diseño de escritorio con toda la información, pero incluso en “Más grande” el texto apenas es lo suficientemente grande, y no es ideal configurarlo en las preferencias del usuario porque hace que el texto sea demasiado grande en otros dispositivos como una PC que usan la misma cuenta.
Supongo que “normal” es tu valor predeterminado actual. ¿Has intentado seleccionar algo más?
Oh, claro. 
Gracias, eso ayuda un poco supongo.
Honestamente, no recuerdo cómo funcionaba el escalado del tamaño de fuente en el antiguo modo de escritorio explícito en una pantalla vertical más pequeña, pero recuerdo que eran más grandes en general. Podría tener que añadir algunas anulaciones de CSS para la configuración de “Más grande”…