Saya juga merasa ini diperlukan, tetapi sayangnya kode shesek tidak berfungsi lagi. Saya segera menyatukan ini yang berjalan dengan baik (sekarang) di Chrome. Jika Trello mengubah kode mereka di sekitarnya, mungkin akan berhenti bekerja juga.
Bagaimanapun, ini menambahkan simbol -x kecil ke kiri atas setiap daftar yang menyembunyikan daftar di klik. Itu pasti dapat ditingkatkan dengan beberapa penyimpanan lokal atau cookie, tetapi untuk saat ini tidak apa-apa untuk membersihkan papan ketika saya menjaga Trello terbuka untuk seluruh sesi kerja.
(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 = '×';
}
});
})();
}
})();