Aqui estão minhas alterações de CSS para melhorar a visualização em dispositivos móveis.
Eu amo este tema, mas notei alguns pequenos detalhes estranhos, então também adicionei o seguinte CSS para torná-lo um pouco mais agradável na minha perspectiva. Espero que isso ajude outras pessoas com as mesmas preferências.
Aqui está o Original (Não editado)
Observe o seguinte na imagem acima:
- O número 1 que representa as Respostas está muito à esquerda.
- A bolha do tópico está ligeiramente sobrepondo o fundo azul.
- Não há preenchimento entre todo o conteúdo e o fundo azul.
- O fundo azul não fica bom na página da categoria. Eu o amo na página inicial.
Aqui está o código CSS que adicionei na aba Mobile.
/* Adiciona algum preenchimento à área de Categoria, Subcategoria, Tags, pesquisa, mais recente, novo tópico e notificações */
.list-controls {
padding: 5px;
}
/* Adiciona algum preenchimento à área de Tópicos */
div#list-area {
padding: 6px;
}
/* Alinha o número de Respostas mais para a direita */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Atualizado (Após adicionar o CSS)
Se você também prefere remover o fundo azul, aqui está o código para removê-lo apenas das páginas de categoria.
/* Remove o fundo azul apenas para a categoria */
html .category .background-container {
background: #fff;
clip-path: none;
}
