Bannière de recherche avancée

le problème concerne :

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

Vous ne pouvez pas utiliser le CSS personnalisé pour définir cela sur none, car il est écrasé par le CSS par défaut du thème conditional-loading-section.scss.

1 « J'aime »

Est-il possible de repositionner la bannière de recherche ?

@awesomerobot

Par exemple, changer l’alignement du centre vers la droite ou simplement ajuster la position en la déplaçant légèrement vers la droite ?

1 « J'aime »

N’utilise pas les paramètres du composant Thème, mais c’est quelque chose que vous pouvez facilement réaliser en utilisant votre propre CSS personnalisé.

2 « J'aime »

Nous l’utilisons pour positionner l’image d’arrière-plan au lieu du texte

mais nous n’arrivons pas à réajuster l’image avec la bannière de recherche

apprécierions grandement que vous fournissiez le code CSS

2 « J'aime »

L’utilisation de l’inspecteur d’éléments peut aider. Ou même en regardant la source CSS de ce composant ou le thème Air, la première partie du CSS sous les premières lignes communes cible la bannière de recherche avec des modifications qui la ciblent.

Non testé car je n’ai pas reproduit le problème que vous mentionnez.

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

Mettez ce code dans un CSS commun de composant de thème personnalisé.

J’apprécie le désir des gens de fournir des instructions de codage. Comme j’apprends moi-même encore. Cependant, nous devons également travailler à nous éduquer sur les bases.

Vous pouvez éventuellement tester le « align: center !important; » en utilisant l’inspecteur d’éléments de votre navigateur.

3 « J'aime »

C’est super, mais lors de l’utilisation dans la mise en page RTL, il semble que le remplissage ne se traduise pas correctement.
LTR :

RTL :


Il semble que le remplissage de l’icône des paramètres et du texte de remplacement soient inversés en mode RTL.

2 « J'aime »

Merci de nous avoir informés ! Je viens de faire une mise à jour qui devrait résoudre le problème.

5 « J'aime »

Sur les dernières versions 3.3.1 tests-passed, uniquement sur mobile, les icônes de catégorie dans les résultats de recherche d’autocomplétion ne s’affichent pas. Je peux reproduire le problème même en mode sans échec avec tous les plugins désactivés.

Vous pouvez essayer ici sur notre page d’accueil : forum.cannabisanbauen.net

3 « J'aime »

Voici un correctif rapide en attendant un correctif officiel :

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

Cela semble lié à ce CSS :

La catégorie de badge n’a pas le bon affichage.

Cependant, il y a déjà un inline-flex sur .badge-category, donc je pense qu’il est sûr de supprimer le CSS du composant. :thinking:

6 « J'aime »

Je l’ai ajouté et défini mon texte, mais il n’apparaît que pour les utilisateurs connectés, pas pour les utilisateurs déconnectés ? J’ai réglé les paramètres sur Les deux :

Connecté :

Déconnecté :

Paramètres :

1 « J'aime »

Que se passe-t-il si vous modifiez également la traduction English_US ?
Je pense que lorsque vous êtes connecté, la langue que vous avez choisie dans vos préférences (ou la locale par défaut du site) est utilisée. Lorsque vous êtes déconnecté, le texte est affiché dans la langue préférée de votre navigateur. Ainsi, tous les utilisateurs utilisant une langue que vous n’avez pas personnalisée verront le texte par défaut. Vous voudrez donc peut-être personnaliser encore plus de langues.

4 « J'aime »

Parfait, merci, ça a fonctionné !

1 « J'aime »

Pour information, nous fusionnons prochainement une version simplifiée de ceci dans le cœur de Discourse FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub.

Ce composant est toujours pris en charge, mais il a été renommé en Advanced Search Banner à partir de cette PR DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub. Si ce composant est installé, la bannière de bienvenue principale ne sera pas affichée.

5 « J'aime »

Salut tout le monde. J’ai ajouté ce composant à mon site. Il affiche le texte du titre, mais il ne montre pas la barre de recherche réelle. Quelqu’un sait-il si d’autres rencontrent ce problème ?

1 « J'aime »

Utilisez-vous un écran étroit ou un appareil mobile ? il semble qu’il y ait actuellement un problème avec la barre de recherche qui n’apparaît pas dans ces cas

Je regarde ma page communautaire sur mon iPhone (dans un navigateur Chrome).

Hmmm. Y a-t-il quelqu’un que nous pouvons alerter à ce sujet ou la personne qui l’a construit est-elle déjà au courant ? (Je suis nouveau sur Discourse et j’apprends).

1 « J'aime »

Oui, je suis la personne ! Je viens d’ajouter une correction à ce sujet — si tu mets à jour le composant du thème, la boîte de recherche devrait maintenant apparaître.

4 « J'aime »

Ce composant ne s’affiche pas dans le thème Mint. Mais j’ai essayé et il peut s’afficher dans d’autres thèmes.

Salut tout le monde ! Cette semaine, je vais fusionner un changement qui pourrait avoir un impact sur les styles personnalisés que vous avez ajoutés à ce composant de thème.

Comme cette bannière de recherche peut apparaître sur plusieurs pages, un H1 pour le titre n’est pas idéal, un H1 devrait aider à distinguer le contenu d’une page d’une autre. Le changement remplace donc le H1 par un DIV avec la classe custom-search-banner-headline.

Donc, si vous avez appliqué des styles au H1 dans un thème, vous voudrez changer le H1 en .custom-search-banner-headline — dans certains thèmes, j’ai ajouté la classe en plus du H1 pour rendre la transition transparente, par exemple :

5 « J'aime »

Il semble y avoir un bug avec la dernière version.

Exécution de discourse 3.5.0.beta8-dev (679d51a985)

Ce qui se passe, c’est que lorsqu’un nouveau sujet est ouvert (navigateur Chrome sous Windows 10), la première ligne est censée contenir la barre de recherche, mais elle est manquante. Si je désactive le composant de thème, la barre de recherche discourse par défaut apparaît, mais si le composant est activé, la barre de recherche supérieure est manquante ET l’icône de recherche en haut à droite est également manquante. Si je fais défiler vers le bas d’une ligne, le bouton de recherche apparaît en haut à droite, mais la barre de recherche n’apparaît jamais sur la première ligne d’un sujet.

Configuré pour Showon top_menu et Plugin outlet sur above_main_container. Je suis à peu près sûr qu’elle apparaissait auparavant sur la première ligne, même pour les sujets.

Le problème est que jusqu’à ce que l’utilisateur fasse défiler, il n’y a aucun moyen de rechercher car l’icône de recherche et la barre de recherche sont toutes deux manquantes. Si je désactive le thème, la barre de recherche et l’icône par défaut apparaissent sans problème, c’est-à-dire que lorsque la page se charge, la barre de recherche apparaît et lorsque l’utilisateur fait défiler vers le bas d’une ligne, la barre de recherche disparaît et l’icône de recherche apparaît à la place.

1 « J'aime »