Joe Homs

I stumbled upon a question in the “ThoughtWorks Studios forums”:http://studios.thoughtworks.com/discussion/forums/1/topics/60 that never really got answered about having a full screen mode in Mingle. Using the steps I showed you from my last article, I’ll show you how to get rid of some interface elements that you may not need once you’ve got Mingle set the way you like using “Stylish”:http://userscripts.org/stylish again.

The code below will give you what dpattins wanted with comments explaining what each of those CSS selectors do. Note that you could further scope your stylish script to the card list in case you want the navigation back on other parts of Mingle.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("my.mingle.installation.com") {
/* #hd = header navigation
   #sidebar = filtering sidebar
   .basic-panel-one = card adding section
   #lanes-header = group/color selection  */

#hd, #sidebar, .basic-panel-one, #lanes-header {display:none !important}
}

This will probably only be interesting to a few people, but I’m putting it out there anyway. I’ve gotten tired of the orange header and yellow background in input fields in Mingle and decided to make a quick user stylesheet for use with “Stylish”:http://userstyles.org/stylish/.

Here’s the code you’ll need to make the header look like what you want and get rid of the yellow behind the input boxes when you are working on them. You can either paste this directly into Stylish as a new style or you can use the CSS rules in your own way. Just change the “my.mingle.installation.com” to the URL where you installed Mingle.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("my.mingle.installation.com") {
  /* Header Styles */
  #hd, #hd-bottom, #hd-nav li.menu-item, #hd-nav li.menu-item a.first-link {background: #000 !important;}
  #hd-nav li.current-menu-item, #hd-nav li.current-menu-item a.first-link {background: #FFF !important;}

  /* Input Boxes */
  input:focus, textarea:focus {background-color:#FFF !important;}
}

I may create a Firefox extension that will integrate more features like this for people if there is interest.

Have you ever been editing a card in Mingle and you lose your data because the session timed out? Well, if you are comfortable editing a config file in <mingle directory>/config/web.xml you can make the session timeout much longer. Here is what it looks like by default:

  60

You can change it to be something like this:

  6000

That works out to be around 4 days for the timeout, so all you need to do now is restart Mingle on the server and you shouldn’t be bothered by it any more.