Display Topic Author on Topic List

기여 UX
4

아! 코드를 다운로드하거나 확인할 수 있는 방법을 제공하지 않은 것은 확실히 내 실수였습니다. 그냥 CSS일 뿐입니다. 기회가 되면 GitHub에 제대로 된 테마 컴포넌트로 번들링해서 올리겠습니다.

// 주제 작성자 외의 모든 포스터 숨기기
.topic-list .posters {
    width: 75px;
    text-align: center;
    
    // 첫 번째 포스터만 표시
    a:not(:first-of-type) {
        display: none;
    }
    // 오프셋과 장식 제거
    a:first-child .avatar.latest:not(.single) {
        position: static;
        box-shadow: none;
        border: 0;
    }
    // 중앙 정렬을 위한 조정
    & > a {
        float: none;
        margin-right: 0;
    }
}

// 작은 화면 폭에서 올바른 사용자가 표시되도록 확인
@media screen and (max-width: 850px) {
    .topic-list td.posters {
        // 첫 번째 포스터가 표시되도록 보장
        a:not(.latest) {
            display: block;
        }
        // 나머지는 모두 숨기기
        a:not(:first-of-type) {
            display: none;
        }
    }
}

원하시는 것은 아마도 다음에 더 가깝습니다:

4개의 좋아요