Neues Seitenleisten-Benutzerdefiniertes CSS

Fortsetzung der Diskussion von Probieren Sie die neuen Seitenleisten- und Benachrichtigungsmenüs aus!:

@Canapin Bitte entschuldigen Sie die unwissende Frage, es ist eine Weile her, seit ich hier im Meta war, und ich habe in den letzten Jahren nicht viele CSS-Änderungen an meiner Instanz vorgenommen.

Welches CSS haben Sie verwendet, um die ungelesenen/neuen/Entwürfe in der Seitenleiste anzupassen? Ich habe gesucht und bin mir nicht sicher, was ich verwenden soll.

Vielen Dank im Voraus.

1 „Gefällt mir“

Das ist zu erwarten, da ich keine Änderungen an meiner Seitenleiste vorgenommen habe. :smile:
Andere Benutzer hatten ähnliche Anzeigen mit ungelesenen Zahlen, siehe Try out the new sidebar and notification menus! - #240 by MarcP

Ich bemerke, dass es jetzt stattdessen Punkte gibt.

Ich schätze, der Code der Seitenleiste wurde irgendwann während der Entwicklung geändert.

2 „Gefällt mir“

Ja, er wurde hier geändert :slightly_smiling_face:

3 „Gefällt mir“

Interessant. In einem der abgetrennten Themen weisen sie darauf hin, dass die Punkte oder die ungelesene Anzahl jetzt von Benutzern festgelegt werden können. Sie finden es unter Einstellungen > Seitenleiste > Navigation. Ich wünschte, es könnte als Standard vom Administrator festgelegt werden. Benutzer auf meiner Instanz sind nicht technisch versiert und würden diese Einstellung nie finden oder wissen, dass sie existiert.

Sowohl hier auf Meta Discourse als auch auf meiner Instanz sieht es für mich wie folgt aus, in grauer Schrift.

Ich denke, sie sind mit einer anderen Textfarbe viel besser zu sehen.

1 „Gefällt mir“

Hallo,

Ich denke, die Erstellung eines Themas, in dem Sie die neue Seitenleiste vorstellen, wäre dafür eine gute Lösung. Sie können Ihre Benutzer mit einem Link, der den Parameter /my/ verwendet, ganz einfach an die richtige Stelle navigieren. :slightly_smiling_face:

ihreseite.com/my/preferences/sidebar

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


Ja, es ist ausgegraut, damit es weniger wie ein Link aussieht. Dies kann durch Hinzufügen von CSS zu einer Komponente geändert werden. :slightly_smiling_face:

Zum Beispiel:

Allgemein > CSS

// Farbe für neue/ungelesene Elemente in der Seitenleiste

.sidebar-section-link-wrapper {
  .sidebar-section-link {
    .sidebar-section-link-content-badge {
      color: var(--tertiary);
    }
  }
  // Ändern Sie nicht die Farbe des Überprüfungslinks
  .sidebar-section-link-review {
    .sidebar-section-link-content-badge {
      color: var(--danger);
    }
  }
}
2 „Gefällt mir“

Schön, danke. Ich bin mir nicht sicher, warum ich nicht daran gedacht habe. :person_facepalming:t5:

Brillant! Genau das, wonach ich gesucht habe!

2 „Gefällt mir“

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