Neko Natum
131

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

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

@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; }
ЛУЧШИЙ БЛОГ НА ЭТОМ САЙТЕСТАВЬ ЛАЙК ПОДПИСКА КОЛОКОЛЬЧИК
{ "author_name": "Neko Natum", "author_type": "self", "tags": ["\u044f\u0441\u0442\u0440\u0430\u0434\u0430\u043b\u043c\u0435\u043d\u044f\u0440\u0435\u0434\u0438\u0437\u0430\u0439\u043d\u0438\u043b\u0438","page_wrapper"], "comments": 15, "likes": 13, "favorites": 1, "is_advertisement": false, "subsite_label": "unknown", "id": 167521, "is_wide": true, "is_ugc": true, "date": "Wed, 08 Jul 2020 22:00:57 +0300", "is_special": false }
Объявление на DTF
0
15 комментариев
Популярные
По порядку
Написать комментарий...
1

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

Ответить
4

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

Ответить
1

У меня хуевые ассоциации на эти плиточки.

Ответить
1

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

Ответить
3

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

Ответить
1

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

Ответить
1

А у меня конец нулевых, файлообменники с хуевой скоростью, а там плиточки: "НЕ ПЛ0ТИТЬ ЗА ЭЛЕКТРОЭНЕРГИЮ ЛЕГКО, НУЖНО ВСЕГО ЛИШЬ..."

Ответить
1

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

Ответить
1
Ответить
1

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

Ответить
1

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

Ответить
1

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

Ответить

Комментарии

{ "jsPath": "/static/build/dtf.ru/specials/DeliveryCheats/js/all.min.js?v=05.02.2020", "cssPath": "/static/build/dtf.ru/specials/DeliveryCheats/styles/all.min.css?v=05.02.2020", "fontsPath": "https://fonts.googleapis.com/css?family=Roboto+Mono:400,700,700i&subset=cyrillic" }
null