Cambiar punto de interrupción para vdo/vmo

Nuestro diseñador está teniendo algunos problemas con el aspecto responsivo de este complemento (muy bueno y útil) y pregunta si puede cambiar el punto de ruptura donde actualmente cambia de los elementos vdo a vmo.

¿Es esto posible? Gracias

Claro. Solo haz un fork y edita el componente del tema.

Gracias, lo revisé pero no lo encuentro allí… Supongo que depende de alguna configuración de Discourse que se aplica en todo el sitio, no solo para ese menú.

De todos modos, lo tenemos funcionando con consultas de medios CSS. No es ideal, pero podemos vivir con esto.

El cambio de vdo (vista solo de escritorio) a vmo (vista solo de móvil) se basa en el agente de usuario de tu navegador y no en el ancho de la ventana de visualización que uses o simules.

Las consultas de medios de CSS no son tan importantes en Discourse como lo son en otros sitios a los que podrías estar acostumbrado.

Discourse sirve diferentes marcado optimizado según el dispositivo en el que se encuentre el usuario.

Lo que quiero decir es que no necesitas preocuparte mucho por las consultas de medios de CSS. Tu diseñador necesita agregar ?mobile_view=1 a la URL en la que está probando, o usar un agente de usuario móvil mientras prueba o depura cosas en el escritorio.

Interesante :thinking: gracias por tomarte el tiempo de explicarlo.

Pero cuando estoy en el escritorio, jugando con el tamaño de la ventana de mi navegador, veo que Discourse reacciona y reorganiza cosas en la pantalla. Eso no proviene de mi cadena de agente de usuario, supongo. ¿Existe otro mecanismo que reaccione al tamaño de la pantalla?

Por ejemplo: esa barra de desplazamiento de lapso de tiempo a la derecha desaparece en anchos pequeños y se reemplaza por un indicador más pequeño solo con el número de publicación y el total como \u003ckbd\u003e19 / 24\u003c/kbd\u003e.

No estás equivocado.

Discourse moverá cosas si reduces el tamaño de tu ventana lo suficiente. Hacemos esto para acomodar diferentes tamaños de pantalla de escritorio / portátiles.

Sin embargo, ese no es el punto aquí. Reducir la ventana de visualización no desencadenará un cambio de agente de usuario porque se basa completamente en el agente de usuario del dispositivo que estás utilizando.

Si estás en el escritorio y cambias el ancho de la ventana / pantalla, Discourse se ajustará a eso tanto como sea razonablemente posible.

Sin embargo, si estás intentando probar cómo se ve Discourse en un dispositivo móvil mientras estás en el escritorio, entonces necesitas agregar

como mencioné anteriormente

o probar en un dispositivo móvil.