Firefox: Изменить ширину списка контактов для WhatsApp Web

Мне часто приходится пользоваться 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;    
}

}

К счастью здесь названия элементов не являются результатом генерирования случайной строки, поэтому правило можно использовать и на других компьютерах!

Теперь список контактов занимает места гораздо меньше

0 0 votes
Article Rating
Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments