Feature #5204

Issue "#" table cells should have a class attribute to enable fine-grained CSS theme

Added by Gareth Sylvester-Bradley over 11 years ago. Updated over 11 years ago.

Status:ClosedStart date:2010-03-29
Priority:NormalDue date:
Assignee:-% Done:


Target version:0.9.4


I have created a custom theme CSS that colours most elements with class="issue" according to the presence of closed, status-N and priority-M classes. (See below.)

I'd really like to be able to colour the "#" column of the Issues tables similarly. (I don't want to colour the whole row, that's too much.) Unfortunately, this is the only column in the table which has no class attribute!

Please would it be possible to add a class to these <td>...</td> elements? Thanks!

@import url(../../../stylesheets/application.css);

/* Issues background-color by closed/openness and priority */

tr.issue.priority-1 td:first-child, div.issue.priority-1, a.issue.priority-1 { background-color: #dacaca; } /* Low */
tr.issue.priority-2 td:first-child, div.issue.priority-2, a.issue.priority-2 { background-color: #dababa; } /* Normal */
tr.issue.priority-3 td:first-child, div.issue.priority-3, a.issue.priority-3 { background-color: #daaaaa; } /* High */
tr.issue.priority-4 td:first-child, div.issue.priority-4, a.issue.priority-4 { background-color: #da9090; } /* Urgent */
tr.issue.priority-5 td:first-child, div.issue.priority-5, a.issue.priority-5 { background-color: #da8a8a; } /* Immediate */

tr.issue.priority-1.closed td:first-child, div.issue.priority-1.closed, a.issue.priority-1.closed { background-color: #EEFFE1; }
tr.issue.priority-2.closed td:first-child, div.issue.priority-2.closed, a.issue.priority-2.closed { background-color: #CCFFBB; }
tr.issue.priority-3.closed td:first-child, div.issue.priority-4.closed, a.issue.priority-4.closed { background-color: #C0FFB2; }
tr.issue.priority-4.closed td:first-child, div.issue.priority-5.closed, a.issue.priority-5.closed { background-color: #ADFFA4; }
tr.issue.priority-5.closed td:first-child, div.issue.priority-6.closed, a.issue.priority-6.closed { background-color: #A0FF9D; }

Associated revisions

Revision 3625
Added by Jean-Philippe Lang over 11 years ago

Adds a css class to issue id tds (#5204).


#1 Updated by Gareth Sylvester-Bradley over 11 years ago

(Eagle-eyed readers will note I slightly mucked up the CSS in the above when trying to cut out the extra priority that I added on my Redmine instance. Sorry.)

#2 Updated by Jean-Philippe Lang over 11 years ago

  • Status changed from New to Resolved
  • Target version set to 0.9.4
  • Resolution set to Fixed

Done in r3625, class="id" added.

#3 Updated by Gareth Sylvester-Bradley over 11 years ago

Hi Jean-Philippe, thanks, that does just what I need!

Would it be appropriate to post my CSS/theme as another example at HowTo create a custom Redmine theme when I've tidied it up?

Best regards, Gareth

#4 Updated by Jean-Philippe Lang over 11 years ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF