Je sais que cela fait quelques mois de retard, mais…
De nos jours, j’utilise ma propre version du projet qui ne souffre pas de ces problèmes. Mais si vous souhaitez une solution CSS simple, j’ai toujours quelques-unes de mes anciennes corrections.
Voici quelques-unes de celles que vous pourriez trouver pertinentes :
/* Corrige le padding excessif en haut de la page.
* REMARQUE : Cela devrait supprimer le grand espace entre le contenu de votre page et le haut de la page.
*/
#main-outlet {
padding-top: 1.8em;
}
/* Wrap doit être centré et n'occuper qu'une certaine largeur de l'écran.
* REMARQUE : Celle-ci pourrait aider à corriger le problème de mise en page de votre sujet/vos messages !
*/
.wrap {
max-width: 1110px;
/* max-width: 60vw;*/
}
/* Corrige les problèmes de mise en page de la liste des catégories.
* REMARQUE : Il existe de bien meilleures façons de le faire.
*/
#topic-footer-buttons, .top-title-buttons, .user-badge, #user-card.show-badges .more-user-badges, .category-list tbody .category, .nav-pills>li, .layouts-nav-button>li {
display: revert;
}
.nav-pills>li {
display: flex;
}
/* Rend le texte en gras réellement gras.
* REMARQUE : Alternativement, changez le poids de police par défaut du thème à 400.
* Le projet original l'a défini sur 300 comme poids par défaut utilisé par tout, ce qui fait que le texte en gras/fort utilise quelque chose comme 400 car ils sont définis sur "plus gras".
* Sur la plupart des polices, c'est littéralement indiscernable de 300.
*/
b, strong {
font-weight: 700;
}
/* Supprime la marge du conteneur pour les liens croisés internes listés sous les messages. */
.post-links-container {
margin-left: 0;
}
/* Améliore la conception du texte "dernière visite" dans la liste des sujets. */
.topic-list .topic-list-item-separator .topic-list-data span {
color: var(--primary);
border: 1px solid var(--secondary-very-high);
font-weight: bold;
}
.topic-list .topic-list-item-separator .topic-list-data span {
background-color: var(--secondary);
}
/* Améliore la conception du texte "dernière visite" dans le message du sujet. */
.small-action.topic-post-visited .topic-post-visited-line {
border-bottom: none;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
color: var(--primary);
border: none;
font-weight: bold;
}
.small-action.topic-post-visited .topic-post-visited-line .topic-post-visited-message {
background-color: transparent;
}