Skip to content

Instantly share code, notes, and snippets.

@fguillen
Created August 7, 2019 12:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save fguillen/c8ba7713418ead315fd7cdcd2adef392 to your computer and use it in GitHub Desktop.
Save fguillen/c8ba7713418ead315fd7cdcd2adef392 to your computer and use it in GitHub Desktop.
Trello Board List colorized
// ==UserScript==
// @name Trello highlight lists on IT Board
// @description Highlight certain columns in Trello.
// @include https://trello.com/b/CdaXFAGQ/it-work-in-progress
// @require https://code.jquery.com/jquery-3.4.1.min.js
// @version 0.1
// @copyright 2014, Gareth J M Saunders
// @copyright 2019, Dalia Research GmbH
// ==/UserScript==
console.log("Trello highlight lists on IT Board : INI");
$(document).ready(function() {
console.log("Trello highlight lists on IT Board : START");
var doing = "#97C8CA";
var doing_card = "#F2F8F8";
var done = "#F2D27D";
var done_card = "#FDFAF0";
$('body').hover(function() {
console.log("Trello highlight lists on IT Board : ACTIVATION");
$.each($("h2.list-header-name-assist:contains('Doing')"), function(index, element) {
var list = $(element).parents('.list').first();
var cards = list.find(".list-card");
list.css('backgroundColor', doing).css('margin-left', '20px');
cards.css("backgroundColor", doing_card)
});
$.each($("h2.list-header-name-assist:contains('Done')"), function(index, element) {
var list = $(element).parents('.list').first();
var cards = list.find(".list-card");
list.css('backgroundColor', done).css('margin-right', '20px');
cards.css("backgroundColor", done_card)
});
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment