如何在Trello中隐藏和显示整个任务列表？

有谁知道我们如何在Trello中隐藏和显示整个任务列表，或者如果不可能的话，该任务列表将几乎完成吗？

问题是，您有一个5或6列的列表，但是其中一些需要在工作时将其移出我们的视线，但是，我们必须能够对其进行几次检查。

另外，如果你只有4例如，它不会是很好没有让他们缩小了舒适的阅读。

现在无法做到这一点，但是正如Rich Arm先生（Trello的制造商Fog Creek Software的客户运营总监）在他的评论中指出的那样，有一个名为Collapsible Lists的功能请求，您可以通过发送电子邮件给feature-ideas @来支持。trello.com。

使用Trellists Chrome扩展程序。它将所有列表的目录放在屏幕顶部的面板中。您可以从那里切换可见性。

Trellists-Chrome插件

是的，可以在Trello中隐藏（存档）并显示整个列表。

要隐藏列表，请打开列表菜单（将鼠标悬停在列表名称上方，您会看到一个小三角形，单击该三角形，您将看到列表菜单）。从菜单中，选择存档此列表。该列表和列表中的所有卡将被隐藏，但不会被删除，您可以将其取回。

显示一个存档列表，打开面板的菜单（单击面板名称左侧的Trello小图标）。从菜单中，选择已归档项目。从那里找到您的列表，然后单击“ 发送到董事会”以将该列表及其所有卡返回董事会。

我自己需要这个，所以我写了https://github.com/shesek/trello-hide-lists。一探究竟。

我也觉得这是必要的，但是不幸的是，shesek的代码不再起作用。我很快将它们放在一起，可以在Chrome中正常运行（现在）。如果Trello更改其周围的代码，它也可能会停止运行。

无论如何，这会在每个列表的左上方添加一个微小的×符号，以隐藏单击时的列表。可以使用一些localStorage或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             = '&times;';
            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 = '&times;';
                }
            });
        })();
    }
})();

我也需要此功能，并编写了自己的Chrome扩展程序来帮助解决此问题。

可折叠的Trello列表

来源可在https://github.com/webrender/trello-collapse-lists获得