Как сделать список тем более компактным?

Поддержка
1

jjjj
jjjj1846×855 91.2 KB

Слишком много белого пространства. (Не волнуйтесь, я изменю цвет разделительной линии).

Я видел другие темы примерно за 2017 год, где люди редактировали это с помощью CSS, но, похоже, этот CSS больше не работает.

2

Возьмите это за основу.

3

О, это выглядит потрясающе

4

Вот CSS для этого… (сообщите, если это сработает!)

.topic-list .topic-list-data {
    padding: .1em .5em 0 !important;
    line-height: normal !important;
}

.topic-list-main-link,
.latest-topic-list-item .main-link,
.topic-list .main-link {
    font-size: var(--font-0) !important;
}

.topic-list-main-link a.title,
.latest-topic-list-item .main-link a.title,
.topic-list .main-link a.title {
    padding: 0 !important;
}

.topic-list .num.posts a,
.topic-list .num .badge-posts {
    padding: 0 !important;
}

.topic-list .link-bottom-line {
    display: inline !important;
}

.topic-list .excerpt {
    margin: 0 !important;
    line-height: normal !important;
}

.topic-list .posters {
    width: auto !important;
    max-width: 146px !important;
}
5

Спасибо большое, выглядит невероятно! Именно то, что я искал.

Скажите, вы не знаете, как сделать отдельные посты более компактными?

6

Отлично!

Как именно вы хотите, чтобы выглядели отдельные сообщения?

7

ggggg
ggggg1585×1027 136 KB

Как мне убрать пробелы? Мне нравится плотный, компактный вид, который вы предоставили ранее.

8

Какие именно пробелы вы хотите уменьшить?

Вы можете нарисовать стрелки и написать в пробелах, чтобы показать мне, или предоставить изображение «до» и «после».

Также, если возможно, пришлите ссылку на живую страницу.

9

Можете предоставить скриншот после изменений, чтобы увидеть, как CSS повлиял на списки тем?

10

imageedit_7_5002977264
imageedit_7_50029772641000×648 61.6 KB

Как мне избавиться от этого пробела?

11

Скриншот от 26.01.2025 22:06:18
Скриншот от 26.01.2025 22:06:181825×469 103 KB

12

Это должно покрыть то, что вы выделили. Не стесняйтесь вносить изменения на основе исходного значения.

.topic-post {
  .topic-body {
   padding-top: 0;  /* 0.8em */
  }
  
  .cooked {
     padding-bottom: 0;  /* 1em */
  }
  
  .post-menu-area {
    margin-top: 0; /* 20px */
    margin-bottom: 0; /* 20px */
  }
}
13

Спасибо.