Voici mes modifications CSS pour améliorer la vue mobile.
J’adore ce thème, mais j’ai remarqué quelques petits détails mineurs, j’ai donc ajouté le CSS suivant pour le rendre un peu plus agréable à mon goût. J’espère que cela aidera quelqu’un d’autre ayant les mêmes préférences.
Voici l’original (non modifié)
Notez les éléments suivants dans l’image ci-dessus :
- Le numéro 1 qui représente les Réponses est trop à gauche.
- La bulle du sujet chevauche légèrement l’arrière-plan bleu.
- Il n’y a pas d’espace entre tout le contenu et l’arrière-plan bleu.
- L’arrière-plan bleu n’est pas agréable sur la page de catégorie. Je l’adore sur la page d’accueil par contre.
Voici le code CSS que j’ai ajouté dans l’onglet Mobile.
/* Ajoute un peu d'espace à la zone des catégories, sous-catégories, tags, recherche, dernières, nouveaux sujets et notifications */
.list-controls {
padding: 5px;
}
/* Ajoute un peu d'espace à la zone des sujets */
div#list-area {
padding: 6px;
}
/* Aligne le numéro des Réponses plus à droite */
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts {
float: right;
}
Mis à jour (après l’ajout du CSS)
Si vous aussi, vous préférez supprimer l’arrière-plan bleu, voici le code pour ne le supprimer que des pages de catégorie.
/* Supprime l'arrière-plan bleu uniquement pour la catégorie */
html .category .background-container {
background: #fff;
clip-path: none;
}
