আমিও অনুভব করেছি যে এটির প্রয়োজন ছিল, তবে দুর্ভাগ্যক্রমে শেসকের কোডটি আর কাজ করে না। আমি তাড়াতাড়ি এটিকে একসাথে রেখেছি যা ক্রোমে ভাল (এখনই) চলে। ট্রেলো যদি তাদের কোডগুলি এর চারপাশে পরিবর্তন করে তবে সম্ভবত পাশাপাশি কাজ করা বন্ধ করে দেবে।
যাইহোক, এটি ক্লিকের তালিকাকে তালিকাটি আড়াল করে এমন প্রতিটি তালিকার উপরের বামে একটি ক্ষুদ্র sy -সাম্বল যুক্ত করে। কিছু লোকালস্টোরেজ বা কুকিজের সাহায্যে এটি অবশ্যই উন্নত হতে পারে, তবে আমি যখন ট্রেলোকে পুরো কাজের সেশনের জন্য উন্মুক্ত রাখি তখন বোর্ড পরিষ্কার করা ঠিক হয়ে যায়।
(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 = '×';
}
});
})();
}
})();