Hola, he descubierto que a mis usuarios realmente no les gustan los amplios márgenes izquierdo y derecho que Discourse utiliza por defecto. Así que estaba usando GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width junto con estos ajustes adicionales de CSS:
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Una actualización reciente de Discourse parece haber roto GitHub - programmersforum-reborn/discourse-wide-posts: Increases post width, y el panel del compositor de ancho completo se salía por el lado izquierdo de la pantalla. Así que deshabilité discourse-wide-posts e instalé GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width, que solo reduce el margen izquierdo, además de estos ajustes de CSS para reducir el margen derecho y también hacer que el panel del compositor sea de ancho completo:
body.has-sidebar-page #reply-control.show-preview:not(.fullscreen), #reply-control {
max-width: 100%;
margin-left: 0;
}
:root {
--d-max-width: 1900px;
--topic-body-width: 1244px;
}
Pero hay algunas peculiaridades. La mayoría de estas se pueden reproducir aquí en Discourse Meta con los temas Default (full-width) o Fully Theme.
En primer lugar, sin mis ajustes de CSS previamente mencionados para #reply-control, el panel salta de un lado a otro dependiendo del nivel de zoom:
Además, a niveles de zoom normales, el div sidebar-wrapper ajusta su altura según la altura del panel del compositor debajo de él, pero más allá de cierto ancho de la ventana del navegador algo cambia y comienza a cortarse sin forma de desplazarse hasta el final de la barra lateral (verifique el ancho de la imagen de la captura de pantalla para ver dónde ocurre esto aproximadamente):
Finalmente, con la regla --topic-body-width: 1244px;, al ver un tema, los elementos de la barra lateral se desplazan hacia arriba durante el tiempo que se tarda en cargar un nuevo fragmento de publicaciones en hilos largos al saltar a una posición diferente en el control deslizante de la línea de tiempo de las publicaciones, y luego vuelven a su posición normal después de que las cosas terminan de cargarse. Esto es bastante molesto, y parece haber comenzado a suceder desde esta actualización que requirió que rehiciera mis configuraciones de ancho personalizadas. Si cambio la regla CSS a --topic-body-width: 100%;, entonces los elementos de la barra lateral permanecen en su lugar durante los cambios de línea de tiempo, pero durante el tiempo que aparece el indicador de carga giratorio, la línea de tiempo se desplaza hacia la izquierda (¿probablemente al --topic-body-width estándar de Discourse?) y luego vuelve a su posición normal cerca del margen derecho. ¿Hay alguna solución para esto? ¿Posiblemente una regla de ancho que pueda agregar al indicador giratorio? No puedo capturarlo con el inspector HTML porque es demasiado breve.
Por favor, hágame saber si necesita más información para depurar esto. ¡Gracias!