J’ai le problème, il n’est affiché que dans le coin supérieur gauche et pas sur toute la largeur. J’utilise le composant de thème de recherche pleine largeur et d’en-tête. Je n’ai aucun plugin installé.
Je peux reproduire le problème en utilisant ensemble les catégories d’en-tête navbar et le composant pleine largeur.
pour que cela fonctionne avec le composant pleine largeur, vous devrez ajouter du CSS à votre thème…
Quelque chose comme ceci devrait vous mettre en meilleure forme :
html:not(.has-full-page-chat) .custom-categories-navbar {
grid-column-start: 1;
grid-column-end: -1;
}
.has-sidebar-page .d-header > .wrap .contents {
gap: 0 1em;
}
Merci, cela a résolu le problème !
Je me demande aussi s’il existe un moyen de trier les catégories qui y sont affichées ?
Je pense que l’ordre est le même que sur la page des catégories. Vous pouvez le modifier en suivant Reordering categories and setting fixed category positions
Problème suivant :
Lorsque je suis dans un sujet, j’essaie de cliquer sur une catégorie.
Voici ce qui se passe :
Le menu disparaît.
Erreur dans la console :
custom-categories-navbar.js:64 Uncaught (in promise)
TypeError: Cannot read properties of null (reading 'scrollIntoView')
at n.setActiveSlug (custom-categories-navbar.js:64:52)
at new n (custom-categories-navbar.js:48:12)
at EmberGlimmerComponentManager.createComponent (base-component-manager.js:26:14)
at EmberGlimmerComponentManager.createComponent (ember-component-manager.js:51:29)
at M.create (manager.js:543:1)
at Object.evaluate (runtime.js:2676:1)
at Object.evaluate (runtime.js:1052:1)
at It.evaluateSyscall (runtime.js:4204:1)
at It.evaluateInner (runtime.js:4175:1)
at It.evaluateOuter (runtime.js:4168:1)
at Wt.next (runtime.js:4999:1)
at Wt._execute (runtime.js:4986:1)
at Wt.execute (runtime.js:4979:1)
at $t.insertItem (runtime.js:4468:1)
at $t.sync (runtime.js:4429:1)
at $t.evaluate (runtime.js:4366:1)
at Dt._execute (runtime.js:4247:1)
at Dt.execute (runtime.js:4232:1)
at qt.rerender (runtime.js:4547:1)
at index.js:4674:1
at index.js:4934:1
at Nt (runtime.js:4080:1)
at gr._renderRoots (index.js:4916:1)
at gr._renderRootsTransaction (index.js:4960:1)
at gr._revalidate (index.js:4992:1)
at invoke (backburner.js.js:280:1)
at h.flush (backburner.js.js:197:1)
at p.flush (backburner.js.js:358:1)
at B._end (backburner.js.js:798:1)
at B.end (backburner.js.js:589:1)
at B._run (backburner.js.js:842:1)
at B._join (backburner.js.js:819:1)
at B.join (backburner.js.js:629:1)
at Array.<anonymous> (index.js:4765:1)
at B._trigger (backburner.js.js:896:1)
at B._end (backburner.js.js:811:1)
at B._boundAutorunEnd (backburner.js.js:523:1)
Même problème ici
Pour reproduire : cliquez sur une catégorie + F5
J’ai fait quelques mises à jour qui devraient résoudre ce problème.
Merci beaucoup d’avoir corrigé !
Pourriez-vous envisager d’ajouter une option pour appliquer l’ordre de tri de la barre latérale aux catégories de la barre de navigation supérieure ? Cela permettrait aux utilisateurs d’appliquer leurs propres choix à la barre de navigation des catégories supérieures.
Ceci est utile mais ne fonctionne plus, essayez ceci
html:not(.has-full-page-chat) .d-header:has(.horizontal-overflow-nav) {
height: 5em !important;
}
Obtention d’un message « page introuvable » sur le lien d’aperçu dans le premier message
Ah, désolé pour ça. Essayez à nouveau maintenant. ![]()
Est-il possible d’inclure la barre de navigation dans l’en-tête à côté du logo si vous n’avez que quelques catégories ?
Cordialement
Olle
C’est utile. Merci.
Je me demande s’il est possible de centrer la barre de navigation sur le site Web ?
Est-il possible d’inclure la barre de navigation dans l’en-tête où se trouve le logo ?
Je me demande également s’il est possible de masquer la barre de navigation sur les pages /login et /signup car elle y apparaît même lorsqu’il n’y a pas d’en-tête ici.
Cordialement
Olle
Comment changer la position d’affichage en bas de l’en-tête ?
N’est-ce pas déjà en bas de l’en-tête ? Si je comprends mal, peut-être pouvez-vous le forker et changer la sortie du plugin du composant.
Je veux dire sous le \u003cheader class="d-header"\u003e
Le système de navigation le plus confortable et le plus utilisable a disparu après une mise à niveau très récente ![]()
Y a-t-il une chance de le récupérer ?
Et non, je ne sais pas si la console affiche des erreurs, car j’utilise un iPad de nos jours.
Existe un moyen pour ceci (ou existe-t-il un autre composant) d’afficher des sous-catégories dans les menus déroulants lorsqu’elles existent ?
La catégorie sélectionnée reste mise en surbrillance après retour à la page d’accueil
Bonjour ! Merci pour ce composant !
J’ai remarqué qu’après avoir sélectionné une catégorie via la barre de navigation des catégories ou la barre latérale, elle reste soulignée dans la barre de navigation même après avoir cliqué sur le logo du forum pour revenir à la page d’accueil.
Étapes pour reproduire :
- Ouvrir une catégorie via la barre de navigation ou la barre latérale.
- Vérifier que la catégorie est mise en surbrillance dans la barre de navigation.
- Cliquer sur le logo du forum pour revenir à la page d’accueil.
- La catégorie précédemment sélectionnée reste mise en surbrillance.
Comportement attendu : Lors du retour à la page d’accueil, aucune catégorie ne doit rester mise en surbrillance.
En examinant custom-categories-navbar.gjs, la cause probable se trouve dans setActiveSlug() : il met à jour activeSlug lorsque la route actuelle contient une catégorie, mais ne l’éfface pas lorsque la route n’en contient pas.
L’ajout d’un else à la condition existante résoudrait-il ce problème ?
} else {
this.activeSlug = "";
}
Cela devrait effacer la catégorie active lors de la navigation vers la page d’accueil tout en conservant le comportement de mise en surbrillance existant au sein des catégories et sous-catégories.
Cordialement,
Prof. Caju
