show/hide this revision's text 3 updated to v.1.0.0.1

with Kiln messages:

/* Top styling */#bugviewContainer .bugevents .bugevent .summary .action, top #bugviewContainer .bugevents .pseudobugevent .summary .action statusbarspacer { colordisplay: #999; none; }/* Messages styling */#bugviewContainer .bugevent { background-color: #FAF1B4; padding: 0 0 10px 0; border: 1px solid #C7C7C7; border-radius: 8px 8px 0 0; box-shadow: 2px 2px 5px #AAA; }/*#bugviewContainer #bugviewContainer .bugevent:hover bugevents .bugevent .summary .action, #bugviewContainer .bugevents .pseudobugevent .summary .action { background-colorcolor: #E1D8A2 999; }#bugviewContainer .kiln .body,#bugviewContainer .bugevent .body { padding: 20px 10px !important; background-color: #E1D8A2; margin: 10px 10px 10px 20px !important; border-bottom: 0px solid #F46F14; color: #222; font-family: Georgia; font-size: 16px !important; }#bugviewContainer .kiln .changes,#bugviewContainer .kiln .summary,#bugviewContainer .kiln { background-color: #F1F9F1; border: 1px solid #E0F1DF; }#bugviewContainer .kiln .body { background-color: #E0F1DF; }/* Mailing styling */#bugviewContainer .top #statusbarspacer { display: none; }/* Links styling */#bugviewContainer .kiln .summary a:link, #bugviewContainer .kiln .summary a:visited, #bugviewContainer .kiln .summary a.novisited:visited,#bugviewContainer .bugevent .summary a:link, #bugviewContainer .bugevent .summary a:visited, #bugviewContainer .bugevent .kiln a:hover,#bugviewContainer .bugevent .summary a:hover { text-decoration: underline; }#bugviewContainer .kiln a:link,#bugviewContainer .kiln a:visited { text-decoration: none; }#bugviewContainer .kiln a:hover { text-decoration: underline; }/* More styling? */
show/hide this revision's text 2 added 267 characters in body

Just got FogBugz today, and the default case screen is terrible, so I just tweek it with a bit of CSS and I wanted to share with you if you want:

  • messages with no body will be faded out
  • focus on message it self
  • irrelevant stuff for developer is faded out

examples:

alt text

with email:

alt text

Snippet Source:

name:          Case View for better readability
description:   Changes the Case View Layout Color
author:        Bruno Alexandre
version:       1.0.0.0

js:

   // Fadeout empty body classes (replace css opacity with .hide() if you want to hide it completely)
   $("#bugviewContainer .bugevent .body").each(function(){ if($(this).html().length == 0) { $(this).hide().parent().css("opacity", "0.6");  } });


css:

#bugviewContainer .top .title { font-size: 34px; padding: 28px 0 10px 0; text-shadow: 2px 2px 5px #C7C7C7;font-weight: bold;color: #39668E; }
#bugviewContainer .top .ixBug { float: left; color: #39668E; width: 180px; text-align: center; padding-top: 20px; }
#bugviewContainer .bugevents .bugevent .summary .action, #bugviewContainer .bugevents .pseudobugevent .summary .action { color: #999; }
#bugviewContainer .bugevent { background-color: #FAF1B4; padding: 0 0 10px 0; border: 1px solid #C7C7C7; border-radius: 8px 8px 0 0; box-shadow: 2px 2px 5px #AAA; }
/*#bugviewContainer .bugevent:hover { background-color: #E1D8A2 }*/
#bugviewContainer .bugevent .body { padding: 20px 10px !important; background-color: #E1D8A2; margin: 10px 10px 10px 20px !important; border-bottom: 0px solid #F46F14; color: #222; font-family: Georgia; font-size: 16px !important; }
#bugviewContainer .bugevent .changes { padding: 5px 20px; }
#bugviewContainer .bugevent .summary {background-color: #F0EDE6;padding: 5px; border-radius: 8px 8px 0 0; }
#bugviewContainer .bugevent .attachments {  }
#bugviewContainer .bugevent .email { margin: -10px !important; color: #333; }
#bugviewContainer .bugevent .email .emailHeader { background-color: #F1F1F1; }
#bugviewContainer .bugevent .email .emailBody { font-size: 11px !important; }
#bugviewContainer .top #statusbarspacer { display: none; }
#bugviewContainer .idTitleProjectAndArea .subtitle,
#bugviewContainer .idTitleProjectAndArea .statusbar { opacity: 0.7; text-align: right; font-size: 11px; }
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue,
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue,
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue,
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue { font-size: 11px !important; }
#bugviewContainerSide .dialog-item-last { margin-bottom: 350px; }

#bugviewContainer .bugevent .summary a:link, 
#bugviewContainer .bugevent .summary a.novisited:visited { color: #0F5491; text-decoration: none; font-weight: normal; }
#bugviewContainer .bugevent .summary a:hover { text-decoration: underline; }
show/hide this revision's text 1 [made Community Wiki]

Just got FogBugz today, and the default case screen is terrible, so I just tweek it with a bit of CSS and I wanted to share with you if you want:

  • messages with no body will be faded out
  • focus on message it self
  • irrelevant stuff for developer is faded out

examples:

alt text

with email:

alt text

Snippet Source:

name:          Case View for better readability
description:   Changes the Case View Layout Color
author:        Bruno Alexandre
version:       1.0.0.0

js:

   // Fadeout empty body classes (replace css opacity with .hide() if you want to hide it completely)
   $("#bugviewContainer .bugevent .body").each(function(){ if($(this).html().length == 0) { $(this).hide().parent().css("opacity", "0.6");  } });


css:

#bugviewContainer .top .title { font-size: 34px; padding: 28px 0 10px 0; text-shadow: 2px 2px 5px #C7C7C7;font-weight: bold;color: #39668E; }
#bugviewContainer .top .ixBug { float: left; color: #39668E; width: 180px; text-align: center; padding-top: 20px; }
#bugviewContainer .bugevents .bugevent .summary .action, #bugviewContainer .bugevents .pseudobugevent .summary .action { color: #999; }
#bugviewContainer .bugevent { background-color: #FAF1B4; padding: 0 0 10px 0; border: 1px solid #C7C7C7; border-radius: 8px 8px 0 0; box-shadow: 2px 2px 5px #AAA; }
/*#bugviewContainer .bugevent:hover { background-color: #E1D8A2 }*/
#bugviewContainer .bugevent .body { padding: 20px 10px !important; background-color: #E1D8A2; margin: 10px 10px 10px 20px !important; border-bottom: 0px solid #F46F14; color: #222; font-family: Georgia; font-size: 16px !important; }
#bugviewContainer .bugevent .changes { padding: 5px 20px; }
#bugviewContainer .bugevent .summary {background-color: #F0EDE6;padding: 5px; border-radius: 8px 8px 0 0; }
#bugviewContainer .bugevent .attachments {  }
#bugviewContainer .bugevent .email { margin: -10px !important; color: #333; }
#bugviewContainer .bugevent .email .emailHeader { background-color: #F1F1F1; }
#bugviewContainer .bugevent .email .emailBody { font-size: 11px !important; }
#bugviewContainer .top #statusbarspacer { display: none; }
#bugviewContainer .idTitleProjectAndArea .subtitle,
#bugviewContainer .idTitleProjectAndArea .statusbar { opacity: 0.7; text-align: right; font-size: 11px; }
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue,
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue,
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue,
#bugviewContainer .bugevent .email .emailHeaderName,
#bugviewContainer .bugevent .email .emailHeaderValue { font-size: 11px !important; }
#bugviewContainerSide .dialog-item-last { margin-bottom: 350px; }