답변:
Trellists Chrome 확장 프로그램을 사용하십시오. 화면 상단의 보드 내에 모든 목록의 디렉토리를 넣습니다. 거기에서 가시성을 토글 할 수 있습니다.
예 , Trello에서 전체 아카이브를 숨기고 (보관) 표시 할 수 있습니다.
목록을 숨기려면 목록 메뉴를 엽니 다 (목록 이름 위에 마우스를 놓으면 작은 삼각형이 표시되고 해당 삼각형을 클릭하면 목록 메뉴가 표시됨). 메뉴 에서이 목록 보관을 선택하십시오 . 목록과 목록에있는 모든 카드는 숨겨 지지만 삭제되지는 않으며 다시 가져올 수 있습니다.
보관 된 목록을 표시하고 보드 메뉴를 엽니 다 (보드 이름 왼쪽의 작은 Trello 아이콘 클릭). 메뉴에서 보관 된 항목을 선택하십시오 . 여기에서 목록을 찾은 다음 보드 로 보내기를 클릭 하여 목록과 모든 카드를 보드로 되돌립니다.
나는 이것을 직접 필요로 했으므로 https://github.com/shesek/trello-hide-lists을 썼습니다 . 확인 해봐.
나도 이것이 필요하다고 느꼈지만 불행히도 shesek의 코드는 더 이상 작동하지 않습니다. Chrome에서 잘 작동하는 (지금 당장) 이것을 빨리 정리했습니다. Trello가 코드를 변경하면 작동하지 않을 것입니다.
어쨌든, 이것은 모든 목록의 왼쪽 상단에 작은 × 기호를 추가하여 클릭시 목록을 숨 깁니다. 일부 localStorage 또는 쿠키로 확실히 향상 될 수 있지만 지금은 전체 작업 세션 동안 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 = '×';
}
});
})();
}
})();
나도이 기능이 필요했고 이것을 돕기 위해 내 자신의 Chrome 확장 프로그램을 작성했습니다.
https://github.com/webrender/trello-collapse-lists 에서 제공되는 소스