Nouvelle barre latérale CSS personnalisée

Continuant la discussion de Essayez les nouveaux menus de la barre latérale et des notifications ! :

@Canapin Veuillez pardonner ma question ignorante, cela fait un moment que je ne suis pas venu sur meta et je n’ai pas beaucoup modifié le CSS de mon instance ces dernières années.

Quel CSS avez-vous utilisé pour personnaliser les non lus/nouveaux/brouillons dans la barre latérale ? J’ai cherché et je ne suis pas sûr de ce qu’il faut utiliser.

Merci d’avance.

1 « J'aime »

C’est normal puisque je n’ai apporté aucune modification à ma barre latérale. :smile:
D’autres utilisateurs avaient des affichages similaires avec des numéros non lus, voir Try out the new sidebar and notification menus! - #240 by MarcP

Je remarque qu’il y a maintenant des points à la place.

Donc, je suppose que le code de la barre latérale a été modifié à un moment donné pendant le développement.

2 « J'aime »

Ouais, il a changé ici :slightly_smiling_face:

3 « J'aime »

Intéressant. Dans l’un des sujets séparés, ils soulignent que les points ou le nombre de messages non lus peuvent maintenant être définis par les utilisateurs. On le trouve sous Préférences > Barre latérale > Navigation. J’aimerais que cela puisse être défini par défaut par l’administrateur. Les utilisateurs de mon instance ne sont pas technophiles et ne trouveraient jamais ce réglage ni ne sauraient qu’il existe.

Ici sur meta.discourse et sur mon instance, cela ressemble à ceci pour moi, en texte gris.

Je pense qu’ils sont beaucoup plus faciles à voir avec un texte d’une autre couleur.

1 « J'aime »

Bonjour,

Je pense que créer un sujet où vous présentez la nouvelle barre latérale pourrait être une bonne solution pour cela. Vous pouvez facilement diriger vos utilisateurs vers le bon endroit avec un lien, en utilisant le paramètre /my/. :slightly_smiling_face:

votresite.com/my/preferences/sidebar

Comme ceci : \u003chttps://meta.discourse.org/my/preferences/sidebar\u003e


Oui, il est grisé pour qu’il ressemble moins à un lien. Il est possible de le changer en ajoutant du CSS à un composant. :slightly_smiling_face:

Par exemple :

Commun \u003e CSS

// Couleur nouveau/non lu de la barre latérale

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // ne pas changer la couleur du lien de révision
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}
2 « J'aime »

Adorable, merci. Je ne sais pas pourquoi je n’y ai pas pensé. :person_facepalming:t5:

Brillant ! Exactement ce que je cherchais !

2 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.