Tema Aire

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.

Ver en el enlace a continuación.

https://meta.discourse.org/t/issue-with-discourse-search-banner/254231?u=heliosurge

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.

Hola,

Encontré un problema cuando el plugin de chat de Discourse activó el banner de Discourse Search Banner en blanco.

Ejecutando Test-passed

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.

Hola Heliosurge, no estoy muy seguro de entender el problema (aunque veo un área vacía en tu captura de pantalla)

¿Puedes compartir los pasos exactos que debemos seguir para experimentar el problema y así poder reproducirlo nosotros mismos? :slight_smile:

1 me gusta

Fue muy simple. El tema Air tenía el Discourse Search Banner instalado como parte del tema completo.

Como se indicó, la prueba pasó.

Una vez que el plugin de Chat está habilitado, el banner de bienvenida si el Discourse Search Banner ya no muestra el mensaje de bienvenida.

Desactiva el plugin de Chat. Se muestra el banner de bienvenida.

Plugin de Chat Deshabilitado

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.

Ver abajo

Disculpas por el diagnóstico incorrecto. :facepalm:

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.

vs

Solo le estoy dando un empujón. Parece ser que el fondo del tema Air tiene una columna blanca central. Ver las imágenes de arriba.

Solo me pregunto si el equipo ha podido reproducirlo, ya que lo he aislado en el fondo del tema Air y no es un problema con el banner de búsqueda.

Hola Dan,

¿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 :arrow_down_small:


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…

Creo que esto sería mejor si se restringiera a .has-full-page-chat para que solo aparezca en las páginas de chat.


Con la configuración above-main-container :arrow_down_small:

Con la configuración below-site-header :arrow_down_small:

3 Me gusta

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.

Gracias por tu ayuda.

1 me gusta

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.

¿Cómo puedo solucionar esto?

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.

1 me gusta

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.


Es extraño, parece que se ha arreglado solo. lol

Acabo de cambiarme y debo decir que es un tema muy limpio y agradable. Me gusta mucho. Gran trabajo, quienquiera que lo haya diseñado. Gracias.

2 Me gusta

¿Sería posible enviarme un mensaje directo? No me siento cómodo compartiendo el enlace públicamente. ¡Gracias por tu disposición a ayudar! <3

Desinstalé Air Theme y todos sus complementos, y los volví a instalar. He intentado todo lo que se me ocurre para solucionarlo, pero no puedo.

Tema Predeterminado - El menú desplegable de categoría no desaparece después de seleccionar una opción diferente (En móvil)

Air Theme - El menú desplegable de categoría desaparece después de seleccionar una opción diferente. (En móvil)

Encontré el problema de la ausencia del menú desplegable “Categoría” para móviles usando el tema Air.

En referencia a las publicaciones…

El código en tu repositorio Common.scss dice…

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: none;
  }
}

Actualicé el código a

.mobile-view {
  .cm-header-links {
    display: none;
  }
  .list-controls .nav-pills .drop li:first-of-type {
    display: block;
  }
}

Y ahora el menú desplegable de Categorías no desaparece después de elegir otra opción del menú desplegable. :slight_smile:

2 Me gusta

Hola a todos..

¡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.

2 Me gusta

Hola,

  1. Empieza creando un nuevo componente de tema para tu foro.
  2. Incluye tu nuevo componente en el tema deseado (el que se usa o un tema de “desarrollo” para que lo compruebes primero).
  3. Busca el botón Editar CSS/HTML en la configuración del componente.
  4. ¡Crea y expande tus horizontes! :fire:

4 Me gusta

Genial… No pensé que un componente fuera solo un ajuste de CSS.

Gracias.

3 Me gusta

Hola,
Tengo una alerta en la consola:

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…

3 Me gusta