Hola, solía inyectar el nombre de mi foro como texto en el encabezado después del logotipo, pero resultaba un desastre intentar ajustarlo a todas las combinaciones de anchos del navegador y posibilidades de contenido del encabezado. Así que ahora uso una imagen de logotipo con el logotipo real seguido del nombre del foro dentro de la propia imagen.
Pero desde que actualicé a la v2026.7.0, tengo problemas para ajustarlo en ciertos anchos dentro de los temas. (No hay problema en la página de inicio, ya que el encabezado allí tiene más espacio vacío). La configuración de Discourse para el Logotipo pequeño dice “La imagen del logotipo pequeño en la parte superior izquierda de tu sitio, visible al desplazarse hacia abajo”. Sin embargo, el comportamiento real es un poco más complejo que eso. En anchos de navegador >=1015 píxeles (aproximadamente), al desplazarse hacia abajo dentro de un tema con la barra lateral visible, se utiliza el Logotipo principal, que tiene que reducirse para caber en el pequeño espacio restante a la izquierda del título del tema, lo que lo hace ilegible en mi caso. Luego, anchos menores a ~1015 píxeles hacen que cambie al Logotipo pequeño. ¿Hay alguna manera de hacer que siempre use el Logotipo pequeño o incluso el Logotipo móvil al desplazarse hacia abajo en la vista de un tema? Hay algunas ideas similares en este hilo antiguo, pero no es exactamente lo que quiero hacer y no estoy seguro de si la implementación técnica sigue siendo válida:
// Cuando la barra lateral es visible, fuerza al HomeLogo a estar en un estado 'no minimizado'.
const transformerExists = api.registerValueTransformer?.(
"home-logo-minimized",
({ value, context }) => {
if (value && context.showSidebar) {
return false;
}
return value;
}
);
^ Y este también, pero es solo para pruebas automatizadas, ¿correcto?
¿Hay alguna manera razonablemente limpia de “anular la anulación” sin hacer una bifurcación completa del componente? Principalmente lo necesito porque 1) muchos de mis usuarios han expresado definitivamente una fuerte preferencia por el diseño ancho, y 2) hay demasiadas peculiaridades mayores y menores que necesitan ser manejadas con reglas CSS además de simplemente aumentar los valores de --d-max-width y --topic-body-width. He estado manteniendo mi propio componente de tema con un montón de reglas CSS puras que copié y adapté de discourse-full-width-component/common/common.scss at main · discourse/discourse-full-width-component · GitHub, pero tiende a romperse con cada lanzamiento importante de Discourse y preferiría algo mejor mantenido y de menor mantenimiento como el Componento de Ancho Completo.
Oh, claro, estos cambios están completamente controlados por la nueva configuración, así que es seguro hacer backport a esa versión. Debería estar disponible ahora.
