Visualizza l'autore del topic nell'elenco dei topic

Contribuisci UX
4

Ah! Ho sicuramente sbagliato non fornendo un modo per scaricare o visualizzare il codice! Si tratta solo di un po’ di CSS. Lo impacchetterò in un componente tema appropriato su GitHub appena avrò la possibilità.

// Nascondi tutti i poster tranne l'autore dell'argomento
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // Mostra solo il primo poster
    a:not(:first-of-type) {
        display: none;
    }
    // Rimuovi offset e decorazioni
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // Aggiustamento per l'allineamento al centro
    & > a {
        float: none;
        margin-right: 0;
    }
}

// Assicurati che l'utente corretto sia visibile a larghezze minori
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // Assicurati che il primo poster sia visibile
        a:not(.latest) {
            display: block;
        }
        // Nascondi tutto il resto
        a:not(:first-of-type) {
            display: none;
        }
    }
}

Ciò che stai cercando di ottenere è probabilmente più vicino a:

4 Mi Piace