Nuova barra laterale CSS personalizzata

Continuando la discussione da Prova i nuovi menu della barra laterale e delle notifiche!:

@Canapin Ti prego di perdonare la domanda ignorante, è passato un po’ di tempo da quando sono stato qui su meta e non ho apportato molte modifiche CSS alla mia istanza negli ultimi due anni.

Quale CSS hai usato per personalizzare non letto/nuovo/bozza nella barra laterale? Ho cercato e non sono sicuro di cosa usare.

Grazie mille in anticipo.

1 Mi Piace

Ci si poteva aspettare, dato che non ho apportato modifiche alla mia barra laterale. :smile:
Altri utenti avevano visualizzazioni simili con numeri non letti, vedi Try out the new sidebar and notification menus! - #240 by MarcP

Noto che ora ci sono dei punti invece.

Quindi immagino che il codice della barra laterale sia stato modificato in qualche momento durante lo sviluppo.

2 Mi Piace

Sì, è cambiato qui :slightly_smiling_face:

3 Mi Piace

Interessante. In uno degli argomenti separati, fanno notare che i punti o il conteggio non letti possono ora essere impostati dagli utenti. Si trova in Preferenze > Barra laterale > Navigazione. Vorrei che potesse essere impostato come predefinito dall’amministratore. Gli utenti sulla mia istanza non sono esperti di tecnologia e non troverebbero mai quella impostazione o saprebbero che esiste.

Sia qui su meta.discourse che sulla mia istanza, per me appare così, con testo grigio.

Penso che siano molto più facili da vedere con un testo di altro colore.

1 Mi Piace

Ciao,

Penso che creare un argomento in cui introduci la nuova barra laterale potrebbe essere una buona soluzione per questo. Puoi facilmente indirizzare i tuoi utenti nel posto giusto con un link, utilizzando il parametro /my/. :slightly_smiling_face:

tuosito.com/my/preferences/sidebar

Come questo: https://meta.discourse.org/my/preferences/sidebar


Sì, è in grigio per farlo sembrare meno un link. Questo è possibile cambiarlo aggiungendo del CSS a un componente. :slightly_smiling_face:

Ad esempio:

Comune > CSS

// Colore nuovo/non letto della barra laterale

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // non cambiare il colore del link di revisione
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}
2 Mi Piace

Fantastico, grazie. Non sono sicuro del perché non ci abbia pensato. :person_facepalming:t5:

Brillante! Esattamente quello che stavo cercando!

2 Mi Piace

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