Autor des Themas in der Themenliste anzeigen

Beitragen UX
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“