Комментарий от MrKostas944

Комментарий #7250968
MrKostas944

в топике Обсуждение клуба CSS-club – настройка внешнего вида сайта 9 мая 2021

Добрый день, есть код или кусок кода позволяющий скрыть конкретные аниме или категории из списка? как угодно, пусть там хоть пустое место будет, в идеале, что бы я сам смог их видеть, например сделав некие манипуляции, типа тыкнуть на крошечную кнопочку в каком-то углу экрана, в идеале невидимую, но кликабельную.

акк у меня один и хотелось бы сохранить тут всю статистику в общем, по этому отдельный акк создавать под некоторые аниме не хотелось бы, так что пытаюсь заморочаться и сделать что-то методом тыка, так как в CSS и HTML я не силен.

когда-то создавал вопрос подобный, дал человек ссылку сюда, но когда прогружаю 2000+ комментариев, а их тут за 10 000 начинает сильно лагать, по этому спрашиваю так

843x314

@grin3671

Ответы

grin3671 9 мая 2021#

@MrKostas944,

MrKostas944

есть код или кусок кода позволяющий скрыть конкретные аниме или категории из списка?

Конкретные аниме — это значит по ID прятать:

/* Скрыть от всех */
.p-user_rates-index .user_rate[data-target_id="28833"] {
  display: none;
}

Чтобы прятать только от других (452070 — это твой ID, 28833 — ID аниме):

/* Скрыть от всех, кроме себя */
.p-user_rates-index:not([data-user *= '{"id":452070,"']) .user_rate[data-target_id="28833"] {
  display: none;
}

Советую сразу делать комментарии и писать через запятую:

/* Название аниме 28833 */
.p-user_rates-index:not([data-user *= '{"id":452070,"']) .user_rate[data-target_id="28833"],
/* Название аниме 28834 */
.p-user_rates-index:not([data-user *= '{"id":452070,"']) .user_rate[data-target_id="28834"],
/* Название аниме 28835 */
.p-user_rates-index:not([data-user *= '{"id":452070,"']) .user_rate[data-target_id="28835"] {
  display: none;
}

Фикс для правильного отображения индекса

Фикс, чтобы цифры не прыгали в первом столбике:

/* Фикс счётчиков */
.p-user_rates-index .b-table {
  counter-reset: table-index;
}
.p-user_rates-index .b-table tbody .index::before {
  counter-increment: table-index;
  content: counter(table-index);
}
.p-user_rates-index .b-table tbody .index span {
  display: none;
}

Фикс для правильного отображения постеров

/* Фикс для постеров */
.p-user_rates-index .cc-5 {
  display: grid;
  grid-template-columns: 48% 48%;
  gap: 30px 4%;
}
@media (min-width: 481px) and (max-width: 767px) {
  .p-user_rates-index .cc-5 {
    grid-template-columns: repeat(3, 30.6666%);
  }
}
@media (min-width: 768px) {
  .p-user_rates-index .cc-5 {
    grid-template-columns: repeat(5, 16.8%);
  }
}
.p-user_rates-index .cc-5 > .c-column {
  width: 100%;
  margin: 0;
}

В сводной таблице внизу ничего не поменяется в любом случае.

@HN71, @MrKostas944

Твой комментарий

Комментарий #7250968 MrKostas944

Комментарий #7250968
MrKostas944