Ben de bunun gerekli olduğunu hissettim, ama ne yazık ki shesek'in kodu artık çalışmıyor. Hızlı bir şekilde bir araya getirdim (şu anda) Chrome'da iyi çalışıyor. Trello kodlarını değiştirirse, muhtemelen çalışmayı durduracaktır.
Her neyse, bu, her listenin sol üst kısmına, tıklama üzerine listeyi gizleyen küçük bir ×-sembolü ekler. Bazı localStorage veya çerezlerle kesinlikle geliştirilebilir, ancak şimdilik Trello'yu tüm bir çalışma oturumu için açık tuttuğumda tahtayı temizlemem sorun değil.
(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 = '×';
}
});
})();
}
})();