Humanetech 카테고리 레이아웃

커뮤니티 구축
1

Community has no boundary: Discourse-as-a-Fabric - ideation & brainstorm에서 이어서 논의합니다:

@aschrijver 카테고리를 이렇게 통합된 목록으로 정리해 놓으셨군요. 정말 마음에 듭니다! 우리 포럼에서도 똑같이 해보고 싶습니다. 설정을 공유해 주실 수 있을까요?

humane-categories
humane-categories159×330 8.04 KB

1개의 좋아요
2

@sunjam 감사합니다. 네, 다음 CSS가 역할을 할 것 같습니다:

/* ==============================================
     랜딩 페이지 레이아웃 (카테고리 + 최신)
   ==============================================
*/

/* [custom] 하위 카테고리를 목록으로 표시 */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] '읽지 않은 게시글' 수 숨기기 */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] 열 균형 맞추기, 주제 제목에 더 많은 공간 확보 */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] 주제 통계 열 숨기기 */
.categories-and-latest .topics {
    display: none;
}

/* [custom] 주제 제목 너비를 늘려 열을 채우기 */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] 하위 카테고리 옆에 태그 표시 (주제 제목 아래) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

참고: UI에서 특정 주의 분산 요소를 숨기기 위한 추가 항목이 포함되어 있습니다.

6개의 좋아요