Trello big edit

If you use trello.com alot like myself, and add lots (pages) of information in the card description section you’ll find the small card window a real pain to use.

To fix this I whipped up a quick firefox/chrome userscript to make the card edit window full screen, code is below

Chrome

You can grab this extension from the Google Chrome webstore:

Or you can grab the extension from GitHub. Just download it to your PC, open the Extension section in Chrome and drag this file in, Done

Note: This extension was listed as “Trello : Big Edit’ in the Chrome store but Trello asked me to change the name

Firefox

Easiest way to add this into Firefox is to

Code

trello_big_edit.user.js

// ==UserScript==
// @name           Trello : Big Edit
// @author         Justin Kelly http://justin.kelly.org.au @_justin_kelly
// @version        2
// @include        https://trello.com/*
// @include        http://trello.com/*
// ==/UserScript==
 
cssString = ' '+
    '.window{ '+
    '   left:0px !important; ' +
    '   top:0px !important; ' +
    '   width:100% !important; '+
    '} '+
    ' '+
    '.window-main-col '+
    '{ '+
    '   width:80% !important; '+
    '} '+
    '.window-main-col .edit textarea.field '+
    '{ '+
    '   min-height:492px; '+
    '} '+
    '.window-wrapper{ '+
    '   height: 100%; '+
    '} ';
 
insertCSS(cssString);
// Function to insert CSS
function insertCSS(cssToInsert) {
    var head=document.getElementsByTagName('head')[0];
    if(!head)
        return;
    var style=document.createElement('style');
    style.setAttribute('type','text/css');
    style.appendChild(document.createTextNode(cssToInsert));
    head.appendChild(style);
}

Justin Kelly

Justin Kelly

Data Engineeer, Business Analytics, Web Developer, Library Technology specialising in PHP and Tableau

Based in Melbourne, Australia

Feel free to contact me justin@kelly.org.au or _justin_kelly