Рубрика "Доработать напильником"

На фоне очередных шатаний очобы решил выложить код стиля на псевдо-мансонри вёрстку.

@media (min-width: 1900px){ .layout--feed.layout--column-left-on.layout--column-right-on #page_wrapper{ width: 100%; } .feed__chunk{ width: auto; display: inline-grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 5px; } .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked #page_wrapper, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority #page_wrapper { max-width: 100% !important; } .layout--content.layout--colu-bmn-left-on.layout--column-right-on.layout--ad-blocked.layout--adlocked .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked.layout--ad-blocked .layout--b, .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked.layout--propaganda-off .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--ad-blocked.layout--propaganda-off .layout--b, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--ad-blocked .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--ad-blocked .layout--b, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--propaganda-off .layout--a, .layout--content.layout--column-left-on.layout--column-right-on.layout--live-priority.layout--propaganda-off .layout--b { max-width: 90% !important; } .feed__item{ max-width: 25vw; } .daily-promo-unit--mode-link.daily-promo-unit--wide .daily-promo-unit__button{ max-width: 100px !important; } }

Работает малость убого (потому что вёрстка очобы не предполагает таких извращений) и рекомендуется использовать только с отключенной рекламой. Но хоть как-то заполняет пустое пространство. И так как тестировалось только на FHD, кажется я не хочу знать как оно получится на разрешениях больше (да и меньше тоже если честно).

Если же хочется вернуть всё как было до охренительных дизайнерских решений, то продублирую код и сюда.

.layout__content{ max-width: 1020px !important; } .app--content-entry.app--left-column-off.app--right-column-off .layout__content, .app--content-full.app--right-column-off .layout__content, .layout__right-column{ margin-right: auto !important; } .layout__left-column{ margin-left: auto !important; } .app--content-entry.app--left-column-off.app--right-column-off .main .layout__content{ margin: 0 auto; }
0
15 комментариев
Написать комментарий...
public void balaenrex скобки

О, Яндекс-дзен

Ответить
Развернуть ветку
U.N.Owen Was Natum
Автор

Для меня это навсегда останется "как в гугл+"

Ответить
Развернуть ветку
К и с о г л а в я der Kitoglav

удали

Ответить
Развернуть ветку
U.N.Owen Was Natum
Автор

done

Ответить
Развернуть ветку
К и с о г л а в я der Kitoglav

what have i done...

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
U.N.Owen Was Natum
Автор

Блядь, Windows Phone умер :(

Ответить
Развернуть ветку
Kai

Проклятый коронавирус!

Ответить
Развернуть ветку
U.N.Owen Was Natum
Автор

Эпидемия началась как только прекратили поддержку...

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
U.N.Owen Was Natum
Автор

...установить Агент@mail.ru

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Getvion

А мне как пользователю ручками что-то делать надо будет или все само обновиться и будет красиво?

Ответить
Развернуть ветку
U.N.Owen Was Natum
Автор

Эти надо руками устанавливать. Надо создать новый стиль для сайта и скопировать туда код.

Ответить
Развернуть ветку
Я не гей, но

Для меня сайт теперь визуально идеален, спасибо большое <3

Ответить
Развернуть ветку
Читать все 15 комментариев
null