Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,559,491
Community Members
 
Community Events
184
Community Groups

JIRA Cloud lozenge colors went wrong.

Hi!

We are using JIRA lozenges, through the JIRA.Template.Util.Issue.Status.issueStatus function.

Until the last week, this was worked ok. But now, it seems to us, that the generated class id-s does not affect the css styles correctly.

See this (generated) status badge:

<span class=" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-blue-gray jira-issue-status-lozenge-new jira-issue-status-lozenge-max-width-medium" data-tooltip="<span class=&quot;jira-issue-status-tooltip-title&quot;>Validated</span>" style="background-color: dimgray; color: white; border-color: dimgray;">Validated</span>

This does not do, what it did before: Now, the background color is not blue gray. It does not affect the background color at all.

Of course, we can fix it locally, with css, but, maybe, this is a BUG in Jira side. Maybe, is it in relation with https://jira.atlassian.com/browse/JRACLOUD-63150?

Thank you for your help

1 answer

I am sorrry, this span tag is a little bit confusing. So let me clarifying it.

If we just use the output of the mentioned issueStatus function, what is this:

<span class=" jira-issue-status-lozenge aui-lozenge jira-issue-status-lozenge-blue-gray jira-issue-status-lozenge-new jira-issue-status-lozenge-max-width-medium" data-tooltip="<span class=&quot;jira-issue-status-tooltip-title&quot;>Validated</span>">Validated</span>

This does not do the necessary formatting. But it has to, I think. I mean: formerly, this jira-issue-status-lozenge-blue-gray tag was enough for the formatting: background color becomes blue-gray (or gray, whatever in the referring CSS), and foreground color white-ish. Now this classtag does nothing.

Of course, if I add style="background-color: dimgray; color: white; border-color: dimgray;" or something similar, this fixes the issue - but, this is not the intended usage. It has to work without any css magic.

Thanks for understanding, best regards, Daniel Serly

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
PREMIUM
TAGS
AUG Leaders

Atlassian Community Events