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

Why is the Epic Link text is black when viewing as a filter?

Stephanie Resendez

When looking at Epics in the backlog, the text color is white against the color background but when creating a filter, the epic link font is black and is very difficult to read against the color background. It didn't used to be this way and we are having some accessibility concerns.

Accepted answers

AL ABAN

Hi All, is this being looked at. We have users now reporting hard to read filtered results.

Nicole Mueller

Looks like Atlassian has changed some CSS values for the Issue Table. We have overwritten the CSS values as a workaround. Works fine... Hope Atlassian will correct this soon. Or has anyone found another solution so far?

Aleksandr Gribukov

Hi.
It looks like Chomium, not Atlassian, changed the CSS.
There is a Bug in Atlassian https://jira.atlassian.com/browse/JRASERVER-72043

All comments

Jason Hembree

I am experiencing the exact same issue. Hoping we find a solution. I see the Epic Text as black in the Issue Search, but it correctly shows as white in all other pages.

AL ABAN

Hi All, is this being looked at. We have users now reporting hard to read filtered results.

Amanda Culver

If anyone finds it, please post a link to the issue so that we can watch it / upvote it

Nicole Mueller

Aleksandr Gribukov

Hi.
It looks like Chomium, not Atlassian, changed the CSS.
There is a Bug in Atlassian https://jira.atlassian.com/browse/JRASERVER-72043

sylvain_t

Hi Nicole,

We are experiencing this issue since we upgraded to the latest version and lots of users are complaining.

Can you please share the modifications you made ? (file location + in file modifications)

Thank you

Nicole Mueller

Hi Sylvain

I tried this first:

#jira #issuetable [class^="ghx-label-"] {
color: #ffffff;
}

But unfortunately, this did not work. If anyone can tell me why, that would be great!

This works (but it's a bit inconvenient):

#jira #issuetable .ghx-label-1, #jira #issuetable .ghx-label-2, #jira #issuetable .ghx-label-3, #jira #issuetable .ghx-label-4, #jira #issuetable .ghx-label-5, #jira #issuetable .ghx-label-6, #jira #issuetable .ghx-label-7, #jira #issuetable .ghx-label-8, #jira #issuetable .ghx-label-9, #jira #issuetable .ghx-label-10, #jira #issuetable .ghx-label-11, #jira #issuetable .ghx-label-12, #jira #issuetable .ghx-label-13, #jira #issuetable .ghx-label-14, #jira #issuetable .ghx-label-15, #jira #issuetable .ghx-label-16, #jira #issuetable .ghx-label-17, #jira #issuetable .ghx-label-18, #jira #issuetable .ghx-label-19, #jira #issuetable .ghx-label-20 {
color: #ffffff;
}

I've added this CSS into the Announcement Banner file in Jira Admin enclosed by the <style type="text/css"> </style> Tag. Hope this helps!

Kind regards

Nicole

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

server

jira

jira-server