← Все примеры

JavaScript Реклама и мусор trello.com

Trello: приглушить пустые списки

Автоматически приглушает списки без карточек, чтобы внимание было на активных колонках.

Код для копирования

// Visually shrink lists that currently contain no cards
function shrinkEmptyLists() {
  document.querySelectorAll('[data-testid="list"], .js-list-content').forEach(function (list) {
    const cards = list.querySelectorAll('[data-testid="trello-card"], .list-card');
    list.style.opacity = cards.length === 0 ? '0.4' : '';
    list.style.filter = cards.length === 0 ? 'grayscale(0.5)' : '';
  });
}
shrinkEmptyLists();
const obs = new MutationObserver(shrinkEmptyLists);
obs.observe(document.body, { childList: true, subtree: true });

Как использовать этот пример

  1. Скопируй код кнопкой выше.
  2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
  3. Добавь новое правило, совпадающее с этой страницей.
  4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение