Layout de categoria Humanetech

Comunidade
1

Continuando a discussão de A comunidade não tem fronteiras: Discourse como um tecido - ideação e brainstorm:

@aschrijver Adorei como você organizou as categorias em uma lista tão consolidada. Gostaria muito de fazer o mesmo no nosso fórum! Você se importaria de compartilhar sua configuração?

categorias-humanas
categorias-humanas159×330 8.04 KB

1 curtida
2

Obrigado @sunjam. Claro. Acredito que o seguinte CSS faça o trabalho:

/* ==============================================
     Layout da Página Inicial (Categorias + Recentes)
   ==============================================
*/

/* [custom] Exibir subcategorias como uma lista */
.categories-and-latest .subcategory {
    display: table-row;
}

/* [custom] Ocultar contagem de 'postagens não lidas' */
.categories-and-latest .subcategory .new-posts {
    display: none;
}

/* [custom] Equilibrar colunas, mais espaço para títulos de tópicos */
.categories-and-latest .column.categories {
    max-width: 30%;
}

/* [custom] Ocultar coluna de estatísticas dos tópicos */
.categories-and-latest .topics {
    display: none;
}

/* [custom] Aumentar a largura do título do tópico para preencher a coluna */
.categories-and-latest .latest-topic-list-item .main-link {
    max-width: 85%;
}

/* [custom] Exibir tags ao lado da subcategoria (abaixo do título do tópico) */
.categories-and-latest .discourse-tags {
    position: relative;
    display: inline-flex;
    margin-left: 5px;
}

Nota: Inclui alguns extras para ocultar certos elementos distrativos na interface.

6 curtidas