nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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.

Accepted answers

JamieA

Why can't you just look for:

Restricted to Developers

(or whatever)?

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

Same with the issue security level.

All comments

JamieA

Why can't you just look for:

Restricted to Developers

(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 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.