Skip to content

Instantly share code, notes, and snippets.

@Boorj
Last active March 13, 2016 12:23
Show Gist options
  • Select an option

  • Save Boorj/db95b11e94f5c5ec9c94 to your computer and use it in GitHub Desktop.

Select an option

Save Boorj/db95b11e94f5c5ec9c94 to your computer and use it in GitHub Desktop.
Trello switcher bookmarklet v1+2 (doubleclick on top bar)
// Add to toolbar here : http://mrcoles.com/bookmarklet/
// Version 1 (older)
// non-transparent lists
setTimeout(function () {
$(function () {
var $style = $('#klaus-style');
$('#header').off('dblclick.klaus').on('dblclick.klaus', function () {
console.log('switching mode');
$('html').toggleClass('_compact');
return false;
});
if ($style.length == 0) {
$style = $('<style id="klaus-style"/>');
$style.appendTo($('head').eq(0));
}
$style.html(
"html._compact .list-wrapper {width: 190px;}" +
"html._compact .list-cards {padding: 0; font-size: 12px; margin: 0 3px;}" +
"html._compact .list-card {margin-bottom: 2px;}" +
"html._compact .list-card-labels {margin: 0;}" +
"html._compact .list-card-labels .card-label {height: 3px; width: 17px; margin: 0 3px 3px 0; border-radius: 0 0 1px 1px; float: right;}" +
"html._compact .list-card-title { line-height: 1.2; margin: 4px 0;}" +
"html._compact .list-card-details {padding: 0 6px 2px;}" +
"html._compact .list-card-cover {max-height: 50px; background-position: center top;}"
);
});
}, 2000);
//transparent lists
setTimeout(function(){
$(function(){ var $style = $('#klaus-style');
$('#header').off('dblclick.klaus').on('dblclick.klaus', function(){ console.log('switching mode'); $('html').toggleClass('_compact'); return false; }); if ($style.length == 0) { $style = $('<style id="klaus-style"/>'); $style.appendTo($('head').eq(0)); } $style.html(
"html._compact .list-wrapper {width: 190px;}"+
"html._compact .list {background: rgba(226, 228, 230, 0.09);}"+
"html._compact .list-header-name {color: white;}"+
"html._compact .list-cards {padding: 0; font-size: 12px; margin: 0 3px;}"+
"html._compact .list-card {margin-bottom: 4px; border-bottom: none; border-radius : 3px;}"+
"html._compact .list-card-labels {margin: 0;}"+
"html._compact .list-card-labels .card-label {height: 3px; width: 17px; margin: 0 3px 3px 0; border-radius: 0 0 1px 1px; float: right;}"+
"html._compact .list-card-title { line-height: 1.2; margin: 4px 0;}"+
"html._compact .list-card-details {padding: 0 6px 2px;}"+
"html._compact .list-card-cover {max-height: 50px; background-position: center top;}" +
"html._compact .open-card-composer {color: rgba(215, 215, 215, 0.47); }" +
"html._compact .open-card-composer:hover {color: white; background-color: background: rgba(226, 228, 230, 0.3); }"
);
});
}, 2000);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment