Bannière de recherche avancée

Je ne suis pas tout à fait sûr de ce qui cause cela, mais il semble que ce soit probablement lié à Themeable site settings are now available

Quel thème utilisez-vous ? Comment ces paramètres pour le thème sont-ils configurés ?

Je pense que si vous avez activé search field in site header et installé ce composant, vous vous retrouvez dans l’état que vous décrivez où la recherche se trouve uniquement dans la bannière et n’apparaît pas du tout dans l’en-tête… est-ce que cela vous semble exact ?

En utilisant le thème par défaut et voici les paramètres.

1 « J'aime »

Une idée de la cause première et s’il faut une correction de composant ou une correction de discours ?

J’ai mis à jour l’un de mes sites et ce composant de thème s’est… écrasé.

Malheureusement, je n’ai pas de capture d’écran de l’apparence de la page d’accueil avant la mise à jour, mais je posterai une capture d’écran de ce à quoi elle ressemble maintenant. Elle a été essentiellement écrasée pour ne plus être aussi haute qu’avant.

Et voici la bannière d’origine, la barre de recherche se trouvait dans l’espace ouvert qui manque maintenant.

1 « J'aime »

Il semble que ce ne soit pas un problème avec la bannière de recherche en soi.

J’ai veillé à décocher la case pour mettre à jour le composant de thème avec les mises à jour de Discourse, puis j’ai mis à jour mon autre site de production, et celui-ci a également réduit la bannière.

Comment puis-je retrouver la taille d’origine de la bannière ? Ces tailles réduites sont laides.

Trouvé une capture d’écran d’avant la mise à jour sur mon deuxième site.

À quoi cela ressemblait :

Et maintenant :

L’avis d’administration concerne un bout de code sans rapport et n’existe pas sur mon autre site.

Moi aussi, pour une raison quelconque, ma bannière est cassée

essayez cette solution temporaire => bureau => commun

.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

Merci, cela corrige la taille de la bannière, mais le contenu est en haut au lieu d’être centré.

1 « J'aime »

Corrigé avec padding-top: 50px

1 « J'aime »

Bien sûr, cela est toujours 100% cassé sur mobile.

1 « J'aime »

Quel est votre site ? sur mobile, cette bannière de recherche disparaît tout simplement, peut-être qu’une classe a changé, je ne sais pas.

On dirait que le nom d’une variable a été changé, ce qui a cassé le padding. Je viens d’ajouter un correctif FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

Vous devriez donc pouvoir restaurer l’espacement précédent en mettant à jour le composant.

Oui, il existe une version plus simple de la bannière incluse par défaut dans Discourse maintenant, et il y a du CSS pour la masquer sur mobile… elle peut être restaurée avec du CSS personnalisé

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 « J'aime »

Parfait, merci beaucoup d’avoir restauré ce composant !

Ce composant suit-il les données d’utilisation ? Nous aimerions voir à quel point il est efficace pour notre communauté.

@bartv Non, je ne pense pas.

Le problème ne semble pas résolu. La barre de recherche dans la section de l’en-tête du site supérieur n’apparaît tout simplement pas. Je viens de mettre à jour vers la dernière version 3.6.0 Beta1-Dev et le problème persiste. La seule façon de récupérer la barre de recherche dans l’en-tête du site supérieur est de désactiver ce composant et d’activer le composant Discourse Header Search.

Une idée pourquoi cela a cessé de fonctionner ? C’était l’un des composants les plus agréables que j’utilisais, ses fonctionnalités me manquent vraiment.

Je suppose que cela répond à ma question. Après la dernière mise à jour de la bannière de bienvenue, je l’ai activée et elle semble remplacer la fonctionnalité de ce composant ainsi que la recherche d’en-tête Discourse.

La bannière de bienvenue manque encore de certaines personnalisations intéressantes que ce composant possède, comme la possibilité d’ajouter un texte de sous-titre (extrêmement utile car il peut inciter les utilisateurs à utiliser la barre de recherche plutôt que de simplement y figurer comme une boîte vide). J’espère que cela sera intégré à la bannière de bienvenue.

D’un autre côté, existe-t-il un moyen d’utiliser la fonctionnalité de personnalisation CSS dans Discourse pour modifier le texte du sous-titre dans la bannière de recherche ?

Vous faites référence à ce composant Advanced Search Banner ? Si c’est le cas, je pense que ce paramètre fait cela :

Non, je fais référence au texte à l’intérieur de la zone de recherche qui dit Rechercher

1 « J'aime »

Vous pouvez modifier la variable de texte js.search.title dans /admin/customize/site_texts.

Mais comme vous l’avez mentionné dans Creating a banner to display at the top of your site - #23 by RBoy, la variable plus spécifique devrait être js.welcome_banner.search - mais elle ne semble pas fonctionner pour le moment.

2 « J'aime »