Eu também senti que isso era necessário, mas infelizmente o código do shesek não funciona mais. Eu rapidamente montei isso, que funciona bem (agora) no Chrome. Se o Trello alterar seu código, provavelmente também parará de funcionar.
De qualquer forma, isso adiciona um pequeno símbolo × no canto superior esquerdo de cada lista que oculta a lista ao clicar. Definitivamente, poderia ser aprimorado com algum armazenamento local ou cookies, mas por enquanto não há problema em limpar o quadro quando eu mantiver o Trello aberto por uma sessão de trabalho inteira.
(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 = '×';
}
});
})();
}
})();