Комментарий #10639690

morr
@zhmuokey, @World_Houp, @grin3671, @Кусь 🐾, @sibusawa, @Tedeika³, исправлено

@base_, к сожалению старая проблема, которую у меня не получается воспроизвести на локальной копии сайта и пофиксить

@CT, @ED_Sln, вот тут появилась @sibusawa очередная причина глобально обновить верстку сайта, избавившись от float и отрицательных margin, заменив все на flex. это означает, что все, что ниже примерно 84го хрома перестанет нормально отображать сайт. скорее всего я это сделаю в этом году. когда я это сделаю, то одновременно и уберу костыли из JS для дрвених браузеров.
Ответы
ED_Sln
ED_Sln#
вот тут появилась @sibusawa
Не смог повторить, Firefox 115 и 125, на разрешениях от 1280х1024 и до 4k. Всегда в одну строку, дополнений нет, ublock отключен. Возможно у @sibusawa что-то ломает.
1280x984
Кусь 🐾
Кусь 🐾#
grin3671
grin3671#
@morr, использование 0.01px помогло в разделе онгоингов, но сломало раздел новостей и обновлений аниме. Возможно ли использовать вариант с отрицательным margin в право (при этом придётся использовать overflow: hidden;)?
@media screen and (min-width: 1200px) {
  .p-dashboards-show .v2 .fc-ongoings {
    overflow: hidden; /* уже есть в стилях, но в прочих списках этого нет */
  }

  .p-dashboards-show .v2 .fc-ongoings .inner {
    margin: 0 -7.5px; /* 0 $gutter / -2 */
  }

  .p-dashboards-show .v2 .fc-ongoings .inner > .b-catalog_entry {
    width: 12.5%; /* calc(100% / $columns) works too */
    padding: 0 7.5px; /* 0 $gutter / 2 */
    margin: 0; /* тут должен быть только $offset */
  }
}

Если текущий вариант лучше, то попробуй добавить эти 0.01px и к расчету ширины — должно работать во всех 3-х вариантах списков на главной:
  width: calc(12.5% - 15.01px);
@mixin fcolumn-size($ratio, $gutter) {
  width: calc(#{100% * $ratio} - #{$gutter + 0.01px});
}
sibusawa
sibusawa#
@morr, благодарю, однако теперь та же проблема с разделом новостей и обновлений :lol: 1903x9551903x9551903x955
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть