Project

General

Profile

Actions

Feature #5204

closed

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

Added by Gareth Sylvester-Bradley about 14 years ago. Updated about 14 years ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
Start date:
2010-03-29
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed

Description

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; }
Actions #1

Updated by Gareth Sylvester-Bradley about 14 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.)

Actions #2

Updated by Jean-Philippe Lang about 14 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.

Actions #3

Updated by Gareth Sylvester-Bradley about 14 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

Actions #4

Updated by Jean-Philippe Lang about 14 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF