Autor des Themas in der Themenliste anzeigen

Beitragen UX
1

Hello!

I would like to change the topic list to only display the topic’s author instead of a list of frequent posters in a topic.

Would there be an easy way to accomplish this?

Username of user below topics
2

EDIT: Here’s a more complete solution I threw together that you can download as a theme component:

8 „Gefällt mir“
Topic Author
3

@tshenry, großartig, ich suche nach einer ähnlichen Lösung, aber ich möchte den Benutzernamen des Posters statt dessen Bild anzeigen.

Wo können wir uns das Repository deiner Komponente ansehen?

4

Ah! Ich habe definitiv einen Fehler gemacht, indem ich keine Möglichkeit zum Herunterladen oder Anzeigen des Codes bereitgestellt habe! Es handelt sich nur um etwas CSS. Sobald ich Zeit habe, werde ich es als ordentliches Theme-Komponente auf GitHub bündeln.

// Alle Poster außer dem Autor des Themas ausblenden
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // Nur den ersten Poster anzeigen
    a:not(:first-of-type) {
        display: none;
    }
    // Versatz und Dekoration entfernen
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // Anpassung für zentrierte Ausrichtung
    & > a {
        float: none;
        margin-right: 0;
    }
}

// Stellen Sie sicher, dass der richtige Benutzer bei kleinerer Breite angezeigt wird
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // Sicherstellen, dass der erste Poster angezeigt wird
        a:not(.latest) {
            display: block;
        }
        // Alles andere ausblenden
        a:not(:first-of-type) {
            display: none;
        }
    }
}

Das, was Sie erreichen möchten, kommt wahrscheinlich diesem Ansatz näher:

4 „Gefällt mir“
7

Das ist super cool. Vielen Dank!

Der CSS-Code für Mobilgeräte scheint nicht zu funktionieren. Hat Discourse kürzlich geändert, wie es die Poster für Mobilgeräte organisiert? Hast du Tipps, wie man das beheben kann?

Vielen Dank!

8

Das obige CSS war nie für Mobilgeräte gedacht, aber ich glaube, das ist wahrscheinlich das, wonach du suchst?

1 „Gefällt mir“
9

Ja! Ich konnte dieses Layout, das nur für den OP gilt, mit CSS im mobilen Theme nicht auf bestimmte Kategorien beschränken, so wie ich es mit eurem CSS-Code kann. Habt ihr Tipps, wie ich das auf dem Mobilgerät umsetzen kann? (Entschuldigt, ich bin neu bei Ember.js :/)

10

Leider wäre eine Einschränkung nach Kategorie eine ziemlich erhebliche Erweiterung für diese mobile Komponente, da Sie die Kategorie allein mit der Handlebars-Datei nicht überprüfen können. Es gibt ein paar Dinge, die Sie tun können:

  • Erstellen Sie ein #dev-Thema dazu und sehen Sie, ob Entwickler Ihnen einige Hinweise geben können.
  • Schauen Sie sich den Code bestehender Theme-Komponenten an, die Kategorien betreffen, und suchen Sie nach Ideen/Inspiration.
  • Erstellen Sie eine Anzeige im Marketplace und beauftragen Sie jemanden, dies für Sie zu entwickeln.
2 „Gefällt mir“