Оптимизация отображения главной страницы темы Foundation

[sniper756]

Решение проблемы с этим постом

После недавнего обновления сборки шрифт на главной странице стал очень маленьким - Вклад / Пользовательский опыт - Discourse Meta

Оптимизация отображения главной страницы с помощью пользовательского компонента:

До оптимизации:

После оптимизации:

CSS-код пользовательского компонента:

/* ========== Выравнивание верхних и нижних отступов строк категорий ========== */
.category-list tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ========== Общий шрифт заголовка таблицы «Категории, Темы, Последнее» ========== */
.category-list-header {
  font-size: 1.2rem !important;
}


/* Размер шрифта основных категорий */
.category-list .category-name .badge-category__name {
  font-size: 1rem !important;
}

/* Размер шрифта подкатегорий */
.category-list .subcategory {
  font-size: 0.98rem !important;
}

/* Увеличение правого отступа заголовка «Темы» */
.category-list-header .topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* Увеличение правого отступа столбца данных «1 / Неделя» */
td.topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* ========== Управление шрифтом для количества сообщений ========== */
.topics .value {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

/* ========== Управление шрифтом для единицы измерения «Неделя» ========== */
.topics .unit {
  font-size: 1rem !important;
}

/* ========== Настройка шрифта для рекомендуемых тем справа ========== */

/* Заголовок рекомендуемой темы */
.featured-topic .title {
  font-size: 0.97rem !important;
  font-weight: 500 !important;
}

/* Дата публикации (например, «30 дней») */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
  font-size: 0.9rem !important;
}

/* Иконки статуса темы */
.featured-topic .topic-statuses {
  font-size: 0.97rem !important;
}

/* Отступы между блоками отдельных рекомендуемых тем */
.featured-topic {
  margin-bottom: 2px !important;     /* Отступ между темами */
  padding: 5px 0 !important;          /* Внутренние отступы сверху и снизу */
  line-height: 1 !important;        /* Общий межстрочный интервал */
}