Optimisation de l'affichage de la page d'accueil du thème Foundation

[sniper756]

Résoudre le problème de ce sujet

Après la dernière mise à jour de rebuild, la police de la page d’accueil est devenue très petite - Contribution / Expérience utilisateur - Discourse Meta

Optimisation de l’affichage de la page d’accueil via un composant personnalisé :

Avant optimisation :

Après optimisation :

Code CSS du composant personnalisé :

/* ========== Rendre les marges supérieure et inférieure des lignes de catégories cohérentes ========== */
.category-list tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ========== Police globale de l'en-tête « Catégories, Sujets, Dernier » ========== */
.category-list-header {
  font-size: 1.2rem !important;
}


/* Taille de police des catégories principales */
.category-list .category-name .badge-category__name {
  font-size: 1rem !important;
}

/* Taille de police des sous-catégories */
.category-list .subcategory {
  font-size: 0.98rem !important;
}

/* Augmenter l'espace blanc à droite de l'en-tête « Sujets » */
.category-list-header .topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* Augmenter l'espace blanc à droite de la colonne de données « 1 / Semaine » */
td.topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* ========== Contrôle de la police des chiffres de publication ========== */
.topics .value {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

/* ========== Contrôle de la police de l'unité « Semaine » ========== */
.topics .unit {
  font-size: 1rem !important;
}

/* ========== Ajustement de la police des sujets en vedette à droite ========== */

/* Titre des sujets en vedette */
.featured-topic .title {
  font-size: 0.97rem !important;
  font-weight: 500 !important;
}

/* Date de publication (par exemple « il y a 30 jours ») */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
  font-size: 0.9rem !important;
}

/* Icônes d'état des sujets */
.featured-topic .topic-statuses {
  font-size: 0.97rem !important;
}

/* Espacement entre les blocs de sujets en vedette individuels */
.featured-topic {
  margin-bottom: 2px !important;     /* Espace blanc entre les sujets */
  padding: 5px 0 !important;          /* Marge intérieure supérieure et inférieure */
  line-height: 1 !important;        /* Hauteur de ligne globale */
}