Я теж вважав, що це потрібно, але, на жаль, код шесека вже не працює. Я швидко склав це разом, що працює нормально (зараз) у Chrome. Якщо Trello змінить свій код навколо, він, ймовірно, перестане працювати також.
У будь-якому випадку це додає крихітний × -символ у верхньому лівому куті кожного списку, який приховує список при натисканні. Це, безумовно, можна було б покращити за допомогою локального зберігання чи файлів cookie, але наразі добре очистити дошку, коли я тримаю Trello відкритим протягом цілого робочого сеансу.
(function () {
var closeList = function (list) {
list.style.transition = 'max-height 1s ease-in-out, max-width .2s 1s ease-in-out';
list.style.maxHeight = '4px';
list.style.maxWidth = '4px';
};
var openList = function (list) {
list.style.transition = 'max-height .2s 1s ease-in-out, max-width .2s ease-in-out';
list.style.overflow = 'hidden';
list.style.maxHeight = '6000px';
list.style.maxWidth = '250px';
};
var lists = document.getElementById('board').querySelectorAll('div.list');
for (var i = 0; i < lists.length; i++) {
(function () {
var list = lists[i];
var close = document.createElement('a');
openList(list);
close.setAttribute('href', '#');
close.setAttribute('class', 'close');
close.innerHTML = '×';
close.style.textDecoration = 'none';
close.style.position = 'absolute';
close.style.left = '1px';
close.style.top = '-5px';
list.appendChild(close);
close.addEventListener('click', function (e) {
e.preventDefault();
if (close.getAttribute('class') == 'close') {
closeList(list);
close.setAttribute('class', 'open');
close.innerHTML = 'o';
}
else {
openList(list);
close.setAttribute('class', 'close');
close.innerHTML = '×';
}
});
})();
}
})();