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

Комментарий #10668484
Yozoramoon

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

@grin3671, спасибо большое, нравится ваше решение, но если через .rate-module делать у меня артефакты получаются интересные. Решил поделиться отчётом небольшим
По типу (весь код вставил полностью, всё куда надо):

спойлер

1920x316

Имеем то, что у обычных постеров портится размер, а .image-cutter не находит то, что ему нужно
Если я убираю этот класс в div, делаю примерно так:

спойлер

[div=cc-6-g15]
[div=b-catalog_entry c-column data-chara=Nase-Yukana]
[div=cover]
[div=image-cutter][/div]
[div=title two_lined]Nase Yukana[/div]
[/div]
[/div]
[/div]

А также делаю привязку в .css напрямую в куттере для положения картинки

.image-cutter::before {
  background: center center / cover;
  border-radius: 9px;
}

То всё работает, но только с кастомной картинкой (картинка по середине, всё окей):

спойлер

368x396

Если вставить плюсом

[div=c-column][mangas ids=36131][/div]

, он опять глючно отобразит стандартный постер
Вполне возможно в самом E-Design что-то сделано, и имеем такое
В принципе мне и этого достаточно вполне, кастомных персов я могу добавить, что и хотел очень

@grin3671

Ответы

grin367110 мая 2024#

@Yozoramoon,

если добавить эти свойства для перезаписи свойств темы

/* Размер колонок по умолчанию */
.rate_module>.c-column .c-column {
  width: 100% !important;
}

/* Центрирование */
.rate_module.align-center {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

а также изменить слегка шаблон в «О себе»

[div=rate_module cc-6-g15 align-center]
[div=c-column][div=c-column b-catalog_entry data-chara=Nase-Yukana][div=cover]
[div=image-cutter][/div][div=title two_lined]Nase Yukana[/div]
[/div][/div][/div]
[/div]

К rate_module добавлен класс align-center для центрирования (необходимые свойства в спойлере выше).
А колонка с персонажем обёрнута в еще один блок c-column.

то будет работать и в блоке о себе (до этого я проверял в комментариях).

@Yozoramoon

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

Комментарий #10668484 Yozoramoon

Комментарий #10668484
Yozoramoon