Componente de ancho completo en Discourse

:information_source: Resumen Haz que Discourse ocupe todo el ancho del navegador
:eyeglasses: Vista previa Vista previa
:hammer_and_wrench: Repositorio Componente de ancho completo
:question: Guía de instalación Cómo instalar un tema o componente de tema
:open_book: ¿Nuevo en Temas de Discourse? Guía para principiantes sobre el uso de Temas de Discourse

Instalar este componente de tema


:warning: Este sigue siendo un componente experimental, que anula widgets, es muy probable que se rompa con las refactorizaciones de encabezado y no funcionará bien con otros componentes de encabezado.

Haremos todo lo posible para mantener este componente y minimizar los cambios disruptivos, pero no podemos garantizar que estos nunca ocurran. Es muy probable que haya una solución, pero es posible que tengas que esperar un poco más.


Ejemplo:

Este componente se utiliza actualmente también en el tema Fully y en el tema “Predeterminado (ancho completo)” aquí en Meta.

En pantallas muy anchas, esto podría ser menos adecuado.

12 Me gusta

Sería genial si este componente interactuara con el componente de la barra lateral derecha y lo llevara lo más a la derecha posible para lograr simetría.

5 Me gusta

Acabo de actualizar a la última versión y ahora estoy notando un error en mi pantalla

Versión de Discourse: 3.3.0.beta1

3 Me gusta

Si actualizas Discourse, eso debería solucionar tu problema.

Hace tres días, el componente recibió una actualización que depende de una adición reciente en el núcleo de Discourse.

6 Me gusta

Tenías razón

2 Me gusta

Yo también,
Uso Fully Theme y este componente de tema. ¿Cómo podemos expandir la tabla insertada a página completa?
¡Gracias!

1 me gusta

Puedes intentar sobrescribir las variables CSS.

Crea un componente de tema y adjúntalo a Fully.
En las Definiciones de color, añade y ajusta las variables:

:root {
    --topic-body-width: 100% !important; // 690px
    --d-max-width: 100% !important;  // 1110px;
}

3 Me gusta

Éxito. Muchas gracias :slight_smile:

1 me gusta


Esperemos que sea compatible con este tema

Se dividió una publicación en un nuevo tema: Los títulos y extractos de los temas aparecen en diferentes tamaños de fuente

Algunos nombres de categorías son largos y no se muestran completamente en la barra lateral.

¿Cómo podemos aumentar el ancho de la barra lateral para que coincida con la longitud del nombre de la categoría?

¡Muchas gracias!

Hola,

  1. ¿Sigue siendo este componente experimental o se puede implementar en entornos de producción?

  2. ¿Este componente tiene soporte oficial?

¡Gracias!

1 me gusta

está oficialmente soportado en el sentido de que examinaremos los errores que se informen, pero todavía es experimental en el sentido de que no es algo que esperamos que funcione bien con todos los temas y componentes temáticos.

4 Me gusta

Dada la anuncio en aquí, quería señalar algunas discrepancias en la experiencia al usar el componente de Ancho Completo y la función de búsqueda en la cabecera.

Modo Seguro:

Modo Seguro + Componente de Ancho Completo:

Supongo que al menos debería ser la misma experiencia, si no simplemente colapsar la búsqueda de la cabecera a un icono para anchos de página muy pequeños (como en la vista móvil).

Recientemente fusionamos una corrección para asegurar que la barra de búsqueda del encabezado se colapse al icono en anchos de pantalla pequeños. Una vez que haya actualizado Discourse, ¿podría echarle un vistazo y decirnos si se ve mejor?

2 Me gusta