Banner de búsqueda avanzada

No estoy del todo seguro de qué está causando esto, pero parece que probablemente esté relacionado con Themeable site settings are now available

¿Qué tema estás usando? ¿Cómo están configurados estos ajustes para el tema?

Creo que si tienes activado campo de búsqueda en la cabecera del sitio y este componente está instalado, terminas en el estado que describes, donde la búsqueda está solo en el banner y no aparece en la cabecera en absoluto… ¿suena eso exacto?

Usando el tema predeterminado y estas son las configuraciones.

1 me gusta

¿Alguna idea de la causa principal y si necesita una corrección de componente o una corrección de discurso?

Actualicé uno de mis sitios y este componente de tema quedó… aplastado.

Desafortunadamente, no tengo una captura de pantalla de cómo se veía la página de inicio antes de la actualización, pero publicaré una captura de pantalla de cómo se ve ahora. Básicamente, se ha aplastado para que no sea tan alta como solía ser.

Y aquí está el banner original, la barra de búsqueda solía estar en el área abierta que ahora falta.

1 me gusta

Parece que no es un problema con el banner de búsqueda en sí.

Me aseguré de desmarcar la casilla para actualizar el componente del tema con las actualizaciones de Discourse, luego actualicé mi otro sitio de producción, y ese también redujo el banner.

¿Cómo recupero el tamaño original del banner? Estos más pequeños son feos.

Encontré una captura de pantalla de antes de la actualización en mi segundo sitio.

Así es como se veía antes:

Y ahora:

El aviso de administrador es para un fragmento de código no relacionado y no existe en mi otro sitio.

Yo también, por alguna razón mi banner se rompió

intenta esta solución temporal => escritorio => común

.search-banner {
    background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    margin-bottom: 10px !important;
    height: 17em;
    padding-top: 50px
}

@edit

Gracias, eso soluciona el tamaño del banner, pero el contenido está en la parte superior en lugar de centrado.

1 me gusta

Corregido con padding-top: 50px

1 me gusta

Por supuesto, esto sigue estando 100% roto en el móvil.

1 me gusta

¿Cuál es tu sitio? En el móvil, este banner de búsqueda simplemente desaparece, tal vez alguna clase cambió, no sé.

Parece que el nombre de una variable cambió y eso rompió el padding, acabo de agregar una solución FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

Así que deberías poder restaurar el espaciado anterior actualizando el componente.

Sí, ahora hay una versión más simple del banner incluida por defecto en Discourse, y hay algo de CSS para ocultarlo en móvil… se puede restaurar con algo de CSS personalizado.

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 Me gusta

Perfecto, ¡muchas gracias por restaurar este componente!

¿Este componente rastrea datos de uso? Nos gustaría ver qué tan efectivo es realmente para nuestra comunidad.

@bartv No, no creo que lo haga.

Parece que no ha solucionado el problema. La barra de búsqueda en la sección del encabezado superior del sitio simplemente no aparece. Acabo de actualizar a la última versión 3.6.0 Beta1-Dev y el problema aún persiste. La única forma en que puedo recuperar la barra de búsqueda en el encabezado superior del sitio es deshabilitar este componente y habilitar el componente Discourse Header Search.

¿Alguna idea de por qué ha dejado de funcionar? Este era uno de los componentes más agradables que usaba, realmente echo de menos sus características.

Supongo que eso responde a mi pregunta. Después de la última actualización del banner de bienvenida, lo acabo de habilitar y parece que reemplaza la funcionalidad de este componente, así como la búsqueda del encabezado de Discourse.

Al banner de bienvenida todavía le faltan algunas buenas personalizaciones que tiene este componente, como la capacidad de agregar un subtítulo (extremadamente útil, ya que puede incitar a los usuarios a usar la barra de búsqueda en lugar de simplemente estar ahí como una caja vacía). Espero que eso llegue al banner de bienvenida.

Por otro lado, ¿hay alguna forma de usar la función de personalización de CSS en Discourse para editar el texto del subtítulo en el banner de búsqueda?

¿Te refieres a este componente de Banner de Búsqueda Avanzada? Si es así, creo que esta configuración hace esto:

No, me refiero al texto dentro del cuadro de búsqueda que dice Buscar

1 me gusta

Puedes cambiar la variable de texto js.search.title en /admin/customize/site_texts.

Pero como mencionaste en Creating a banner to display at the top of your site - #23 by RBoy, la variable más específica debería ser js.welcome_banner.search, pero no parece funcionar en este momento.

2 Me gusta