プロジェクト

全般

プロフィール

Vote #66947

完了

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

Admin Redmine さんが約3年前に追加. 約3年前に更新.

ステータス:
Closed
優先度:
通常
担当者:
-
カテゴリ:
UI_10
対象バージョン:
開始日:
2010/03/29
期日:
進捗率:

0%

予定工数:
category_id:
10
version_id:
18
issue_org_id:
5204
author_id:
13723
assigned_to_id:
0
comments:
4
status_id:
5
tracker_id:
2
plus1:
0
affected_version:
closed_on:
affected_version_id:
ステータス-->[Closed]

説明

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 ... 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; }

journals

(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.)
--------------------------------------------------------------------------------
Done in r3625, @class="id"@ added.
--------------------------------------------------------------------------------
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
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

Admin Redmine さんが約3年前に更新

  • カテゴリUI_10 にセット
  • 対象バージョン0.9.4_18 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0