# Скрыть темы и непрочитанные/новые сообщения в разделе категорий

**URL:** https://meta.discourse.org/t/hide-topics-and-unread-new-messages-in-category-section/208031
**Category:** UX
**Created:** [02.Ноябрь.2021 18:14:16 UTC](https://meta.discourse.org/t/hide-topics-and-unread-new-messages-in-category-section/208031 "2021-11-02T18:14:16Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![rudypenajr](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rudypenajr/32/237055_2.png) [@rudypenajr](https://meta.discourse.org/u/rudypenajr)
#### Post date: [02.Ноябрь.2021 18:14:16 UTC](https://meta.discourse.org/t/hide-topics-and-unread-new-messages-in-category-section/208031/1 "2021-11-02T18:14:16Z")

</div>

Привет!

Я работаю над кастомной темой. Наш «стиль страницы категорий для десктопа» — это «Категории и последние темы». Я пытаюсь стилизовать раздел «Категории» так, чтобы он выглядел больше как карточки (поэтому, к сожалению, приходится бороться с таблицами, так как он построен на них). Одна вещь, которую я заметил: мне не нужен столбец «Темы» в разделе «Категории», а также уведомления о непрочитанных/новых сообщениях. Существует ли какая-то конфигурация, которая удалит обе эти части — и темы, и блок непрочитанных/новых сообщений — для «стиля страницы категорий для десктопа»? В настоящее время я пробую логику `display: none` для соответствующей ячейки таблицы, но это продолжает вызывать проблемы из-за непрочитанных/новых сообщений.

 ![Screen Shot 2021-11-02 at 1.06.01 PM](https://global.discourse-cdn.com/meta/original/3X/8/2/822cbbf4062df2212c6ef8a07e41bfef9cb61654.png)

Заранее спасибо!

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [02.Ноябрь.2021 18:55:55 UTC](https://meta.discourse.org/t/hide-topics-and-unread-new-messages-in-category-section/208031/2 "2021-11-02T18:55:55Z")

</div>

```plaintext
.category-list .topics {
    display: none;
}

```

Помогает ли это? Это уберет то, что вы обвели красным.

---

<div class="post-metadata">

### Author: ![rudypenajr](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rudypenajr/32/237055_2.png) [@rudypenajr](https://meta.discourse.org/u/rudypenajr)
#### Post date: [02.Ноябрь.2021 20:40:18 UTC](https://meta.discourse.org/t/hide-topics-and-unread-new-messages-in-category-section/208031/3 "2021-11-02T20:40:18Z")

</div>

Спасибо за ответ, @ondrej! Это немного помогло.

Наш макет похож на `https://meta.discourse.org/categories`, но я планирую перейти к использованию карточного дизайна для категорий. Использование `display: none` работает отчасти, но поскольку категории представлены в виде огромного элемента `table`, он всё равно занимает место, когда есть темы и/или непрочитанные или новые сообщения. Поэтому даже с `display: none` остаётся небольшая белая пустая область.

Мне удалось найти решение, но я надеялся, что существует просто конфигурационный параметр, который полностью уберёт это.

Моё решение:

- Установить высоту для `<tr>`, содержащего информацию о категории/теме, например `height: 160px`. Вместе с этим свойством установить `overflow: hidden`.
- Установить высоту для `<td>`, содержащего название категории, равную высоте `<tr>`.
- Установить высоту для `<td>`, содержащего тему, в `0`.

Определённо не лучшее решение, но пока сработало.
