| | | |\n|— | — | —|\n|:information_source: | Resumen | Establece un ancho personalizado para tu foro de Discourse|\n|:eyeglasses: | Vista previa | https://discourse.theme-creator.io/theme/Canapin/custom-discourse-width (ancho de 1400px)|\n|:hammer_and_wrench: | Repositorio | https://github.com/Canapin/Discourse-custom-width|\n|:question: | Guía de instalación | Cómo instalar un tema o componente de tema|\n|:open_book: | ¿Nuevo en los temas de Discourse? | Guía para principiantes sobre el uso de temas de Discourse|\n\n ← Rellena "repoName" y "repoURL" para el botón de instalación automática → \n\n[wrap=theme-install-button repoName="Discourse Custom Width" repoUrl="https://github.com/Canapin/Discourse-custom-width\"]\nInstalar este componente de tema\n[/wrap]\n\n ← Describe este tema/componente en una o dos frases → \n\nEste componente de tema muy simple tiene una única configuración que define el ancho de tu foro.\n\n
\n\nEl ancho no puede exceder el ancho de tu ventana ni ser menor que el ancho máximo predeterminado de Discourse de 1110px.\n\n ← Añade capturas de pantalla (si procede) → \n\nAncho de ejemplo con un ancho de 1400px:\n\n\n ← Añade más detalles y explica la configuración (si procede) →Hola!
¿Por qué solo ancho fijo con px?
Tengo esto en mi CSS:
:root {
--d-max-width: 80%;
}
.topic-body {
width: 90%;
}
#reply-control {
max-width: 80%;
}
.body-page {
width: 100%;
max-width: 100%;
}
Esta es una buena idea para permitir otras unidades, pero en este caso, no sabría cómo evitar que los usuarios establezcan un valor demasiado bajo que rompa el diseño.
Estoy abierto a cualquier idea y PR ![]()
¿Este componente temático está relacionado de alguna forma con el tema de ancho completo claro?
Esa es una muy buena pregunta, pero creo que debes confiar en los usuarios.
Separaría el valor de la unidad y haría una “consulta if-else” dentro del CSS si usan px o % y luego una segunda comprobación dentro para verificar el valor si es demasiado pequeño.
si px
si valor < 1100px
establecer valor 1100
sino
establecer valor a la variable
sino si %
si valor < 50 %
establecer valor 50%
sino
establecer valor a la variable
Siendo honesto, no sé en este momento si esto es posible en un archivo CSS.
No. ¿Tienes un enlace a este tema? No pude encontrarlo ![]()
Me encantaría tener también el "ancho completo claro".
¿Podría alguien del @team publicar el CSS para ello?
Tampoco lo encuentro, creo que este tema es exclusivo de este foro.
Vi el tema del que estás hablando. Sí, se parecen y también podría agregar una configuración para establecer el ancho del contenido.
Para hacer que el componente del tema sea más único, podría establecer los campos en la configuración del usuario para que cada uno pueda tener su ancho preferido.
¡Yo también he estado buscando esa respuesta!
@sam @Falco ¿tienen alguna idea de dónde podemos encontrar información sobre cómo hacer el tema de ancho completo claro y oscuro? ![]()
Creo que aquí está el repositorio del tema de ancho completo: GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width
Encontré el mismo problema en la publicación original del plugin multilingüe, los enlaces parecen rotos.

