Classer les sous-catégories Nest sous leurs catégories parentes dans la barre latérale

Je suis d’accord avec cela. Y a-t-il eu des mises à jour à ce sujet ? Ou y en aura-t-il dans un avenir proche ?

2 « J'aime »

Nous n’avons pas de projets immédiats pour apporter des modifications supplémentaires ici.

Notez que vous pouvez maintenant voir que les sous-catégories se classent sous leur parent (par exemple, les sous-catégories de Documentation sur meta) :

De plus, l’interface utilisateur pour la sélection des catégories a changé depuis le début de cette discussion, et dans cette boîte de dialogue, les sous-catégories sont imbriquées.

Cela devrait aider à les rendre plus découvrables pour les personnes qui choisissent celles à ajouter à leur barre latérale.

3 « J'aime »

Salutations !

Par un heureux hasard, je suis tombé sur cet article. Sa ressemblance avec ma composition précédemment écrite est frappante.
https://meta.discourse.org/t/navigation-menu-sidebar-modifier/267354/24?u=aizada_m

Je suis curieux de savoir si l’équipe de Discourse a envisagé des solutions à ce sujet, ou si la question peut être considérée comme réglée ?

Je ne sais pas avec certitude, mais j’ai l’impression que si la catégorie parente est affichée, alors peut-être que les sous-catégories peuvent être ciblées avec CSS pour les indenter afin de leur donner un aspect imbriqué ? On pourrait éventuellement utiliser un pseudo-élément ::before ? :woman_shrugging:t2:

Peut-être que je verrai ce que je peux trouver pour l’un de mes composants de menu de navigation lorsque je les mettrai à jour. J’ai la logique en tête sur la façon dont cela pourrait être accompli, mais je ne suis pas sûr si c’est réellement possible. Dans mes rêves, non seulement les sous-catégories sont imbriquées, mais il est également possible de les réduire dans leurs catégories parentes en cliquant sur le point. :laughing: :exploding_head:

5 « J'aime »

Je me joins pour recevoir des notifications si des changements surviennent, car nous avons également trop de sous-catégories pour que la barre latérale puisse les présenter sans construire une tour, ce qui gâche l’amélioration de l’expérience utilisateur qu’apporte la barre latérale.

La meilleure solution que nous ayons actuellement est de permettre aux utilisateurs de choisir leurs groupes et de ne voir que les catégories liées à ces groupes, plus une par défaut, ce qui fonctionne jusqu’à ce qu’un utilisateur en sélectionne trop et construise une tour dans sa barre latérale.

@Lilly si cette méthode ne fonctionne pas, je me demandais si l’outil pour créer des catégories imbriquées existait déjà.

Le module « Ajouter une section personnalisée » pourrait-il être configuré pour ajouter automatiquement toutes les catégories de niveau supérieur comme leurs propres sections, et y intégrer leurs sous-catégories ?

Cette méthode donnerait aux utilisateurs un excellent contrôle sur leur barre latérale, car ils auraient tous une fonction d’édition intégrée.
L’inconvénient est que les utilisateurs perdraient l’icône de boîte colorée pour la catégorie, et probablement la fonction qui indique le nombre de nouveaux messages dans chaque section.

2 « J'aime »

Y a-t-il jamais eu une solution à ce problème ?

Il semble fou que tout ce que nous puissions avoir soit une seule longue liste… il n’y a même pas de classe ajoutée aux sous-catégories que nous puissions styliser manuellement avec un petit retrait.

Je cherche à obtenir quelque chose de proche de ce qui suit :

Marketing ⌄

  • Centricité client
  • Technologie
  • Outils

Je ne sais pas, j’y ai beaucoup réfléchi dernièrement - je veux dire que toute la section des catégories est personnalisable par les utilisateurs individuels et c’est la manière préférée et devrait être encouragée. Étant donné que les sous-catégories peuvent être ajoutées sans leurs catégories parentes et qu’elles ont des puces à moitié colorées pour indiquer leur statut de sous-catégorie, je pense que la liste imbriquée/indentée ne vaut vraiment pas la peine, surtout compte tenu de la tâche de programmation ardue et difficile pour y parvenir. D’un point de vue fonctionnel, peut-être que l’idée de catégories parentes repliables (comme la section Plus, par exemple) en cliquant sur la puce me semble plus attrayante que l’indentation, bien qu’il s’agisse d’une entreprise de programmation encore plus difficile. :thinking:

2 « J'aime »

Utilisez ensuite les ID des sous-catégories, qui sont un peu gênants mais fonctionnels :

li.sidebar-section-link-wrapper {
  &[data-category-id="10"], /* ID de sous-catégorie */
  &[data-category-id="11"], /* ID de sous-catégorie */
  &[data-category-id="12"], /* ID de sous-catégorie */
  &[data-category-id="13"]  /* ID de sous-catégorie */ {
    margin-left: 1em;
  }
}

8 « J'aime »

Oh, c’est une solution intéressante !!! Merci de partager :raised_hands:. Ma question est, est-il possible de faire quelque chose de similaire avec des liens normaux dans la barre latérale ? :sweat_smile:

Ouvrez votre console de développement et regardez l’enregistrement data-list-item-name :

Ensuite, vous pouvez les cibler dans votre CSS, par exemple :

li.sidebar-section-link-wrapper {
  &[data-list-item-name="New"],
  &[data-list-item-name="Global leaderboard"],
  &[data-list-item-name="Test leaderboard"] {
    margin-left: 1em;
  }
}

Avec une approche similaire, vous pouvez déplacer une section entière au lieu de liens individuels :

.sidebar-section-wrapper.sidebar-section[data-section-name="new-global-links-section"] {
    margin-left: 1em;
}

6 « J'aime »

Bonjour @dax ! Veuillez m’excuser pour la longue réponse :pray:
Oui, c’est magique :sparkles: et ça marche, je cherchais une solution comme celle-ci depuis 3 mois, je vous suis profondément reconnaissant :raised_hands:

2 « J'aime »

Dans la barre latérale, je me demande s’il est possible d’afficher les sous-catégories avec un retrait sous leur catégorie parente ? Voir dans ma barre latérale :

Par exemple, sous “Événements”, j’ai la sous-catégorie “AGU” sans retrait. De nombreux utilisateurs ne font pas la différence entre les couleurs et pensent que “AGU” est juste une catégorie différente, sans rapport avec “Événements”. Plus tard, ils recherchent “AGU” comme catégorie, et non comme sous-catégorie, et ne la trouvent donc pas facilement.

Y a-t-il une option pour avoir ce retrait ? Sinon, ce serait bien de l’avoir.

Je me demande si nous pourrions simplifier cela ?

Dans le composant de thème Category Hider, un bouton a été ajouté pour masquer toutes les sous-catégories.

.hamburger-panel .category-link.subcategory {
      display:none;
}

Avant ce composant, j’avais masqué manuellement toutes les sous-catégories en ciblant chacune d’elles individuellement. Jusqu’à ce que quelqu’un partage une ligne de code qui masquait toutes les sous-catégories.

li.sidebar-section-link-wrapper {
  .category-link.subcategory {
    margin-left: 1em;
  }
}

Je testerai le code ci-dessus momentanément.

Malheureusement, cela ne fonctionne pas. :sad_but_relieved_face:. Y aurait-il un moyen d’ajuster ce code pour qu’il fonctionne ?

J’ai créé un composant de thème simple pour faire cela

10 « J'aime »

Fonctionne très bien ! Merci !

1 « J'aime »