Sous-menus d'en-tête

Désolé, je n’ai pas lu entièrement votre commentaire. Je pensais au problème de défilement latéral que je rencontre également.

2 « J'aime »

Je n’ai rien fait de spécial avec. Quel est votre problème ?

1 « J'aime »

Lorsque j’appuie sur un élément dans le menu, le menu reste ouvert et la page se recharge. Le menu disparaît une fois que vous cliquez en dehors de celui-ci. Ce comportement est plus visible sur mobile car l’écran est petit et vous ne pouvez pas voir le contenu de la page tant que le menu ne se ferme pas automatiquement.

Utilisez-vous la dernière version des sous-menus ?

1 « J'aime »

L’ancienne version des sous-menus ne semble pas avoir ce problème, mais elle n’est pas aussi élégante que la nouvelle. Si vous souhaitez éliminer le bug empêchant le menu de se fermer automatiquement après avoir cliqué sur un sous-menu, utilisez cette ancienne version forkée sur GitHub.

1 « J'aime »

Ce composant est fantastique, et avec un peu de retouche CSS, je suis vraiment satisfait du résultat. Merci de l’avoir créé !

Le seul gros problème que je rencontre est la difficulté à insérer un nouvel élément dans les menus une fois qu’ils sont configurés.

J’ai vu qu’il y avait une demande d’extraction (pull request) pour remplacer tous les champs de texte individuels par un seul grand champ, ce qui, selon moi, aurait beaucoup plus de sens.

Une autre alternative serait de permettre l’importation et l’exportation de votre configuration. (Peut-être que cela nécessiterait des travaux côté Discourse et non sur le composant de thème ? Je ne suis pas sûr.) Si nous pouvions le faire, nous pourrions apporter les modifications dans un éditeur de texte et les téléverser, ce qui serait parfait. Cela faciliterait également leur sauvegarde.

(J’ai pensé que le bouton Exporter en bas de l’interface de configuration du composant pourrait faire cela, mais il semble simplement sauvegarder le code source du composant et la configuration par défaut, pas mes propres modifications.)

Cela dit, c’est excellent et cela nous a permis d’ajouter beaucoup plus de liens couramment nécessaires en haut de notre forum, aidant ainsi nos utilisateurs et nous-mêmes à trouver rapidement les choses.

4 « J'aime »

Ce fork d’un développeur de la communauté propose une grande zone de texte pour ajouter des éléments de menu et de sous-menu. C’est une ancienne version, mais elle nous a fourni ce dont nous avions besoin.

3 « J'aime »

La branche fork de @Canapin est issue de [PAID] Header Submenus UI modification. Nous constatons également qu’elle répond à nos besoins.

Cependant, n’essayez absolument pas de modifier le texte des sous-menus directement dans la zone de saisie. Nous maintenons le menu dans un fichier CSV et utilisons la procédure suivante, décrite dans un sujet dédié aux consignes pour le personnel :

  • Ouvrez le fichier CSV dans une application tableur.
  • Modifiez les données. En général, vous pouvez simplement suivre le modèle existant.
  • Enregistrez le fichier CSV.
  • Ouvrez le fichier CSV dans un éditeur de texte.
  • Copiez le contenu depuis l’éditeur de texte et collez-le dans la zone des éléments du sous-menu.
  • Téléversez le fichier CSV modifié dans ce sujet afin de maintenir la synchronisation.

Il est également utile de noter que vous pouvez utiliser certaines balises HTML et des espaces dans le fichier CSV pour améliorer l’organisation et créer des sous-sous-menus, ce qui permet de condenser beaucoup d’informations sur un téléphone :

5 « J'aime »

Je me demande comment Zoom a fait fonctionner le menu dans la section d’en-tête

3 « J'aime »

Ceci (menus déroulants) peut être réalisé avec du HTML / CSS simple, sans aucun lien avec Discourse. Vous pouvez appuyer sur F12 et examiner vous-même comment ils l’ont fait, grâce aux outils du navigateur.

4 « J'aime »

Après avoir lu quelques publications, je pensais que la seule façon d’ajouter des liens spécifiquement à .d-header était d’utiliser un composant similaire à celui-ci, sauf que ce composant crée un en-tête supplémentaire au-dessus.

Après avoir publié ici, j’ai eu l’idée qu’un composant similaire à Custom Header Links pourrait faire l’affaire s’il était ajusté comme suggéré dans mon post.

3 « J'aime »

Après la mise à jour vers la dernière version, les sous-menus de l’en-tête en mode « Fixe » (« Forcer l’affichage du menu en haut, indépendamment du défilement – uniquement sur bureau ») ne fonctionnent pas correctement. Sur la page principale, cela ajoute beaucoup d’espace blanc, et sur les autres pages, le sous-menu de l’en-tête recouvre le menu principal de Discourse. Je suis certain que cela est lié à :

mais je ne vois pas que le CSS de ce composant de thème définisse une position absolue sur d.header. Des idées ?

3 « J'aime »

Quel navigateur utilisez-vous ? Pouvez-vous partager une capture d’écran du problème ?

Voici ce que je vois sur la dernière version de Discourse avec le « mode fixe » activé lorsque je fais défiler la liste des sujets :

1 « J'aime »

C’est le même problème avec Chrome ou Firefox sur ordinateur. C’est correct sur mobile.

Page principale sans « Mode fixe » (normal) :







Page principale avec « Mode fixe » présente un espace blanc supplémentaire :






Défilement vers le bas du sujet sans « Mode fixe » (normal) :






Défilement vers le bas du sujet avec « Mode fixe ». Le logo, le titre du sujet et le menu hamburger sont masqués par le menu :

2 « J'aime »

Avez-vous d’autres CSS personnalisés ? Il est possible qu’un padding ou une marge sur .docked .d-header ou #main-outlet entre en conflit avec les mises à jour de Discourse…

4 « J'aime »

Est-il possible d’utiliser des éléments de menu avec une URL sans menu déroulant ?

2 « J'aime »

Je suggère Custom Header Links (icons) si vous n’avez pas besoin de menus déroulants : c’est moins conflictuel et mieux intégré. Je ne connais pas la réponse à votre question, mais je parierais que c’est « non ».

2 « J'aime »

J’utilise actuellement ce plugin, mais comme il n’y a pas assez d’espace dans la section en-tête, je prévois de placer les menus déroulants en haut. Cependant, je dois ajouter des URL au menu de premier niveau.

De plus, je n’ai pas réussi à créer un menu déroulant avec « Liens d’en-tête personnalisés ». Il semble que Zoom l’ait fait. J’ai examiné leur menu déroulant via la console, mais je n’ai pas pu comprendre comment ils interfèrent avec le HTML de ce composant pour ajouter un menu déroulant à n’importe quel élément.

2 « J'aime »

J’ai une demande de fonctionnalité : puisque le problème de défilement ne peut pas être résolu, que diriez-vous d’une option pour désactiver le texte sur mobile afin de n’afficher que les icônes ? Il ne semble pas y avoir de moyen de cibler uniquement le texte avec CSS, sinon je le masquerais ainsi. Merci !

3 « J'aime »

Bonjour,
Lorsque j’installe le composant « sous-menus d’en-tête », celui-ci s’affiche mais recouvre l’en-tête actuel de mon forum.


La version de Discourse que j’utilise est la 2.4.1.

Pourriez-vous s’il vous plaît m’indiquer comment résoudre ce problème ?
Merci.

1 « J'aime »

Avez-vous essayé de mettre à jour votre Discourse ? La version 2.7.0.beta3 est disponible.

2 « J'aime »