Архив метки: Whatsapp



Firefox: Сделать размытие текста в списке контактов Whatsapp

В одной из старых заметок я уменьшил ширину списка контактов для Whatsapp Web в браузере Firefox. Таким образом, в данный момент у меня в списке контактов видно часть отправленного/полученного сообщения:

Мне не хочется, чтобы у меня была видна хотя бы часть переписки в неактивном чате. Мало ли, что мне там прислали ;) Чтобы «заблёрить» этот текст, я создал новое правило для дополнения Stylus.

/* Blurry text on contacts panel */
[id="pane-side"] div:nth-child(2) > div:nth-of-type(2) > div:nth-of-type(1)
{
  color: transparent;
  text-shadow: 0 0 5px rgba(238, 238, 238, .5);
}

Теперь этот фрагмент текста скрыт:

Больше фокусов с размытием нашёл здесь.

 

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

[id="pane-side"] div:nth-child(2) > div:nth-of-type(2) > div:nth-of-type(1)
{
  display: none;
}



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;    
}

}

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

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