20.12.2019

После того, как mail.ru изменил интерфейс, в почтовике стало противно работать. Прежде всего из-за слишком большого количества рекламы. Лично у меня реклама занимает почти четверть экрана. Я им писал об этом письмо и сказал, что при таком подходе буду вынужден что-то предпринять, но мне вежливо ответили, что им хочется зарабатывать деньги и менять ничего не собираются.

Вот как это выглядело и от чего мне хотелось избавиться:

Вот что я предпринял. Установил для браузера плагин Stylus. Пробовал версию и для FireFox и для Хрома, работает и там и там. Этот плагин позволяет добавлять свои стили к различным сайтам, сохранять их и в дальнейшем подгружать (или отключать).

С помощью инструмента разработчика, встроенного в браузер, определил какие стили мне необходимо переопределить, чтобы скрыть рекламу и прописал новые стили в плагине Stylus. У меня получилось вот так:

.layout_right-size_60 .layout__column_right {
    width: 0px;
}
.layout_right-size_60 .layout__main-frame {
    margin-right: 0px;
}
.layout_right-size_40 .layout__column_right {
    width: 0px;
}
.layout_right-size_40 .layout__main-frame {
    margin-right: 0px;
}
.portal-menu__group_float {
    float: left;
}
.container--rp3CE .compressed--2kH7H{
    display: none;
}
.letter-list-item-adv{
    display: none;
}
.layer-sent-page {
    display: none;
}

Первые две команды отключают правую панель, а последняя скрывает(худо бедно) рекламу, появляющуюся после отправки письма. Сохранил и получил окно без рекламы.

Если чуть более подробно, то после установки плагина в правом верхнем углу браузера должна появится иконка:

Заходим на страницу с почтой майл.ру и нажимаем на эту иконку. В выпадающем меню нажимаем на ссылку Создать стиль для этого адреса.

В открывшемся окне вставляем приведенный выше код:

Обратите внимание, что внизу должно быть так:

Сохраняем и должно работать. Особо в процесс того, как искать нужные стили и как их переопределять я не хочу углубляться, т.к. это отдельная история. Единственное, что подскажу для начинающих и желающих самостоятельно углубиться в эту тему: можно открыть в браузере меню Дополнительные инструменты - Инструменты разработчика(говорю сейчас о Хроме) и с помощью селектора в левом верхнем углу окошка выбрать интересующий блок, посмотреть его стили и пытаться переопределить их с помощью плагина:

На скрине виден блок, стили которого я переопределил, исходный стиль из файла bundle.css и стиль, который применился из плагина. В данном случае я просто уменьшил ширину правого блока до нуля.
Правда, что сейчас заметил - это то, что блоку присвоены классы layout__column layout__column_right, а у меня прописано .layout_right-size_60 .layout__column_right. Просто изначально делал на домашнем компьютере и в FF, а сейчас на рабочем и в хроме. Но все равно один и тот же код работает и там и там, а это главное )

UPD 22.02.2020. Сделал еще скрытие рекламы вторым способом, с помощью плагина Greasemonkey и javascript. Соответственно это должно решить проблему у тех, у кого mail.ru выдает меняющиеся стили и не работает приведенный выше способ.