Setting CSS styles for comment/issue with security level

[Pascal Collard]

I don't think this is possible out of the box; I would like to have a background color for the whole issue and or comments that have a security level value set.

This would allow to visually see directly if an issue or comment has security value set.

I have not seen anything in the generated HTML for the comments which have a security level set; I guess it would need Atlassian to change the:

<div class="issue-data-block activity-comment twixi-block expanded" id="comment-141449">
</div>

into something like

<div class="issue-data-block activity-comment twixi-block expanded security-level-valueOfSecurityLevel" id="comment-141449">
</div>

Then we could set a CSS class to "highlight" the comment(s) that have a security level value from "normal" comment.

[JamieA · Accepted solution]

Why can't you just look for:

<span class="subText">Restricted to <span class="redText">Developers</span></span>

(or whatever)?

If it's too hard to do with just css selectors maybe you can use jquery..?

Same with the issue security level.

[Pascal Collard]

I would have liked to set the custom background for the whole comment block rather than the <span> of the security level information.

[JamieA]

I don't think you can do it with CSS only but you can use some js, eg:

AJS.$("div.activity-comment span.icon-locked").parent().parent().attr('style', 'color:red')

This turns all the text red... simple matter to turn the background a pale puce though.