Мне часто приходится пользоваться Web-версией Whatsapp — так удобнее копировать и вставлять текст в сообщения, обмениваться ссылками и т.д. При этом мне неудобно то, что невозможно изменить ширину панели со списком контактов:
Список контактов занимает больше 1/3 размера окна
На самом деле мне от неё хватило бы ширины для отображения аватарки и значка с уведомлением о новом сообщении.
Для Firefox есть дополнение Stylus, с помощью него можно кое-что сделать…
Скрипт, который у меня получился не только изменяет ширину раздела с контактами, но и скрывает кнопку «Статус», которая лично мне не нужна:
@-moz-document domain("web.whatsapp.com") {
/* Side panel (contacts) width */
#side {
flex-basis: 60px !important;
width: 170px;
}
[class$="app-wrapper-web os-win"] div:nth-of-type(1) > div:nth-child(3)
{
flex: unset !important;
}
/* Messages panel width */
[class$="i5ly3 _2NwAr"] {
flex-basis: 10px !important;
}
/* Hide Status icon */
[role=button][title=Статус] {
display: none !important;
}
/* Hide "Battery is empty" */
[class$="m6ZEb"] {
display:none !important;
}
}
К счастью здесь названия элементов не являются результатом генерирования случайной строки, поэтому правило можно использовать и на других компьютерах!
Теперь список контактов занимает места гораздо меньше
