Banner de búsqueda avanzada

el problema está en:

conditional-loading-section:not(.is-loading) {
    transition: opacity 5s ease-in-out;
}

No puedes usar CSS personalizado para establecer esto en none, ya que está siendo sobrescrito por el valor predeterminado del tema conditional-loading-section.scss.

1 me gusta

¿Existe la posibilidad de reposicionar el banner de búsqueda?

@awesomerobot

Por ejemplo, ¿cambiar la alineación del centro a la derecha o simplemente ajustar la posición moviéndolo ligeramente hacia la derecha?

1 me gusta

No se utilizan los ajustes del componente Theme, pero eso es algo que puedes lograr fácilmente con tu propio CSS personalizado.

2 Me gusta

Lo estamos usando para posicionar la imagen de fondo en lugar de texto

pero no podemos reajustar la imagen con el banner de búsqueda

agradecería mucho que proporcionara el código CSS

2 Me gusta

Usar el elemento de inspección puede ayudar. O incluso mirar el código fuente CSS de este componente o el Tema Air, ya que la primera parte del CSS, en las primeras líneas comunes, apunta al banner de búsqueda con modificaciones dirigidas a él.

No probado, ya que no he experimentado el problema que mencionas.

.display-search-banner {
  #main-outlet {
    padding-top: 2em;
    align: center !important;
  }

Coloca este código en un CSS común de componente temático personalizado.

Aprecio el deseo de que la gente proporcione cómo codificar. Como yo mismo todavía estoy aprendiendo. Sin embargo, también debemos trabajar en educarnos con los conceptos básicos.

Posiblemente puedas probar el “align: center !important;” usando el elemento de inspección de tu navegador.

3 Me gusta

Esto se ve genial, sin embargo, al usarlo en el diseño RTL, parece que el relleno no se traduce correctamente.
LTR:

RTL:


Parece que el relleno del icono de configuración y el marcador de posición están cambiados en modo RTL.

2 Me gusta

¡Gracias por informarnos! Acabo de hacer una actualización que debería solucionarlo.

5 Me gusta

En las últimas pruebas 3.3.1 que pasaron, solo en la categoría móvil los iconos en los resultados de búsqueda de autocompletado no se muestran. Puedo reproducir el problema incluso en modo seguro con todos los plugins desactivados.

Puedes intentarlo aquí en nuestra página de inicio: forum.cannabisanbauen.net

3 Me gusta

Aquí tienes una solución rápida mientras esperas una solución oficial:

.search-menu {
  .search-link {
    .badge-category {
      display: inline-flex;
    }
  }
}

Parece estar relacionado con este CSS:

La categoría de insignia no tiene la visualización adecuada.

Sin embargo, ya hay un inline-flex en .badge-category, así que creo que es seguro eliminar el CSS del componente. :thinking:

6 Me gusta

He añadido esto y he configurado mi texto, pero ¿solo aparece para los usuarios que han iniciado sesión y no para los que han cerrado sesión? Tengo la configuración establecida en Ambos:

Iniciado sesión:

Cerrado sesión:

Configuración:

1 me gusta

¿Qué sucede si editas la traducción de English_US también?
Creo que cuando has iniciado sesión, se utiliza el idioma que elegiste en tus preferencias (o la configuración regional predeterminada del sitio). Cuando has cerrado sesión, el texto se muestra en la preferencia de idioma de tu navegador. Por lo tanto, todos los usuarios que utilicen un idioma que no hayas personalizado verán el texto predeterminado. Así que tal vez quieras personalizar aún más idiomas.

4 Me gusta

¡Oh, perfecto, gracias, eso funcionó!

1 me gusta

Para su información, estamos fusionando inminentemente una versión simplificada de esto en el núcleo FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub .

Este componente todavía es compatible, pero ha sido renombrado a Advanced Search Banner a partir de esta PR DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub . Si este componente está instalado, el banner de bienvenida principal no se mostrará.

5 Me gusta

Hola a todos. He añadido este componente a mi sitio. Muestra el texto del título, pero no muestra la barra de búsqueda real. ¿Alguien sabe si otros están teniendo este problema?

1 me gusta

¿Estás usando una pantalla estrecha o un dispositivo móvil? parece que actualmente hay un problema con la barra de búsqueda que no aparece en estos casos

Estoy viendo mi página de comunidad en mi iPhone (en un navegador Chrome).

Hmm. ¿Hay alguien a quien crees que podamos alertar sobre esto o la persona que lo creó ya está al tanto? (Soy nuevo en Discourse y estoy aprendiendo).

1 me gusta

¡Sí, soy la persona! Acabo de añadir una corrección para ello — si actualizas el componente de tema, ahora debería aparecer la caja de búsqueda.

4 Me gusta

Este componente no se muestra en el tema Mint. Pero lo intenté y se puede mostrar en otros temas.

¡Hola a todos! Esta semana fusionaré un cambio que puede afectar los estilos personalizados que han agregado a este componente temático.

Dado que este banner de búsqueda puede aparecer en varias páginas, un H1 para el encabezado no es ideal; un H1 debería ayudar a distinguir el contenido de una página de otro. Por lo tanto, el cambio reemplaza el H1 con un DIV con la clase custom-search-banner-headline.

Entonces, si ha aplicado estilos al H1 en un tema, querrá cambiar el H1 por .custom-search-banner-headline. En algunos temas, he agregado la clase además del H1 para que la transición sea fluida, por ejemplo:

5 Me gusta

Parece haber un error con la última versión.

Ejecutando discourse 3.5.0.beta8-dev (679d51a985)

Lo que sucede es que cuando se abre un nuevo tema (navegador Chrome en Windows 10), la fila superior debería tener la barra de búsqueda, pero falta. Si desactivo el componente del tema, aparece la barra de búsqueda predeterminada de discourse, pero si el componente está habilitado, la barra de búsqueda superior falta Y también falta el icono de búsqueda en la parte superior derecha. Si me desplazo hacia abajo una línea, el botón de búsqueda aparece en la parte superior derecha, pero la barra de búsqueda nunca aparece en la línea superior de un tema.

Configurado para Showon top_menu y Plugin outlet en above_main_container. Estoy bastante seguro de que solía aparecer en la fila superior incluso para los temas.

El problema es que hasta que el usuario se desplaza, no hay forma de buscar, ya que faltan tanto el icono de búsqueda como la barra de búsqueda. Si desactivo el tema, la barra de búsqueda e icono predeterminados aparecen sin problemas, es decir, cuando la página se carga, la barra de búsqueda aparece y cuando el usuario se desplaza hacia abajo una línea, la barra de búsqueda desaparece y en su lugar aparece el icono de búsqueda.

1 me gusta