Solo publico esto aquí también. Pensé que el plugin Chat tenía un problema de conflicto con el Banner de Búsqueda de Discourse. Pero después de probar una vista previa solo del Banner. Parece ser un problema relacionado con el fondo de Air Theme.
Solo quería saber si tuvo la oportunidad de evaluar el problema del plugin de chat, como se describe arriba. Mis disculpas, imagino que está bastante ocupado. Pensé que era un conflicto con Search Banner, pero parece ser el fondo del tema Air. El plugin de chat parece estar creando una columna central blanca que se superpone al fondo azul.
Usando el tema Air. Cuando el plugin de chat está deshabilitado, no muestra problemas. Después de habilitar el chat, como se mencionó anteriormente.
EDITAR: Me equivoqué. Reconfirmo que en realidad es un conflicto/problema con el fondo del tema Air, veo que el azul se corta/desaparece. Ver las publicaciones a continuación con el chat desactivado, el fondo azul se muestra correctamente con el banner de búsqueda de Discourse superpuesto correctamente en blanco sobre azul.
Puedes ver en esta captura de pantalla que el icono del plugin de Chat ha desaparecido del encabezado. También puedes ver los otros efectos que el plugin de Chat parece estar haciendo en el fondo, creando un rectángulo blanco vacío que ignora el fondo azul.
Ahora, al mirarlo, ¿podría estar interfiriendo con el fondo de pantalla azul del tema Air? ya que el texto es blanco en el banner. Así que podría estar en el camino equivocado con el Discourse Search banner. Podría ser un conflicto con parte del tema Air… ??
Confirmado. Mis disculpas, parece ser un conflicto con el fondo del tema Air. Acabo de probar una vista previa solo con el banner de búsqueda de Discourse y el plugin de chat.
Echando un vistazo más de cerca al tema Air, la parte azul del fondo está bloqueada en esa columna central al desplazarse, el azul solo está en los bordes exteriores. Cuando el chat está deshabilitado, la parte azul del fondo se conecta de izquierda a derecha a través del centro.
¿Parece que la salida de tu plugin Search Banner está en el valor predeterminado above-main-container? Creo que necesitas cambiar esto para colocar el Search Banner fuera del #main-outlet
Sin embargo, el tema tiene un estilo personalizado de chat cuando está habilitado en el #main-outlet, que creo que solo necesita estar activo en las páginas de chat.
Esto está agregando el fondo con !important al #main-outlet, lo que anula la transparencia del fondo del tema en #main-outlet, etc…
De acuerdo, eso soluciona la pantalla principal. ¿Cuál sería el código para arreglar el chat? Ya que todavía tiene la columna blanca debajo del encabezado de búsqueda en las categorías, como en tu última captura de pantalla.
Estoy agregando imágenes de “logotipo de categoría” a algunas, pero no a todas, de mis categorías.
comportamiento esperado: Cuando agrego una imagen de logotipo a una categoría, el tamaño de la etiqueta sigue siendo el mismo que el de otras categorías.
comportamiento observado: Cuando agrego una imagen de logotipo a una categoría, el cuadrado es comparativamente más grande que los cuadrados en las etiquetas de las categorías sin imágenes de logotipo. Además de no alinearse con las categorías en la misma columna, las filas con categorías con imágenes de logotipo son más altas que las filas con categorías sin imágenes de logotipo.
Esto sucede en dispositivos móviles y de escritorio.
Puedo confirmar que así es como se muestra en mi sitio. Creo que se debe a que el logo que no es de gato utiliza un descriptor muy pequeño en comparación con el logo de gato.
Imagino que probablemente puedas usar CSS para que las categorías que no son de logo coincidan con el tamaño de la caja de las que sí lo son.
Gracias por la confirmación. CSS me da escalofríos. Es mi kriptonita. Nunca he sido menos productivo que cuando trabajo en hacer que los márgenes se vean bien usando CSS.
Todavía estás aprendiendo. Pero imagina que el autor o un miembro del equipo podría ayudar con una corrección de código CSS.
Acabo de descubrir el interruptor claro/oscuro. Funciona bien. Parece que si actualizas la página, Discourse mostrará el logo del tema claro en su lugar. Sospecho que esto se debe a que Discourse no detecta que el navegador web no está en modo oscuro.
¡Estoy intentando personalizar mi Discourse autoalojado y encontré que este tema es un buen punto de partida!
¿Cómo hacen ustedes para hacer cambios en el CSS (como cambiar el fondo)?
Dado que no hay una sección de “CSS/HTML personalizado” en la página del tema cuando selecciono ese tema, como la hay en el tema predeterminado.
deprecado.js:61 Aviso de deprecación: Los argumentos de PluginOutlet ahora deben pasarse usando `@outletArgs=` en lugar de `@args=` (outlet: category-box-below-each-category) [id de deprecación: discourse.plugin-outlet-args]
en
¿Olvidé algo en la configuración de mi tema?
Miré, no veo…