It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Overriding CSS styles with Jira 8+

Hi all,

We have a custom Jira plugin that overrides the "max-width" property of "long-field" fields in Jira (e.g. Summary) to remove 500px limit.

Here's the css:

form.aui .long-field {
max-width: none;
}

And here's the web-resource descriptor from the atlassian-plugin.xml:

<web-resource key="custom-jira-aui-override-css" name="Custom Jira AUI Override CSS">
<description>Provides AUI styling overrides required by The Company.</description>
<dependency>jira.webresources:jira-fields</dependency>
<resource type="download" name="custom-jira-aui-override.css" location="css/custom-jira-aui-override.css" />
<context>jira.general</context>
</web-resource>

This solution works great in Jira up to 7.13.5, but not in 8.4 I am evaluating now.

Checking the css inspector, I see that in both cases the "max-width" property comes from a number of resources, and in Jira 7 our "max-width: none" comes last, overriding the others.

However, in Jira 8 it's not the last one to be applied, making it ineffective, and the fields still have that 500px width limit.

Does anyone have any clue on what could cause this, and how could I fix it?

1 answer

1 accepted

0 votes
Answer accepted

Never mind, found the solution myself :)

Just needed to replace

form.aui .long-field {
...
}

with

form.aui.aui-legacy-forms .long-field, form.aui:not(.aui-legacy-forms) .long-field {
...
}

which is used by Jira 8 now.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted in Jira

Demo Den Ep. 7: New Jira Cloud Reports

Learn how to use two new reports for next-gen projects in Jira Cloud:  Cumulative flow diagram and Sprint burndown chart. Ivan Teong, Product Manager, Jira Software, demos the Cumulative ...

314 views 1 3
Join discussion

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you