How to extend the width of Epic dropdown list in Agile report

Platform Notice: Data Center Only - This article only applies to Atlassian products on the Data Center platform.

Note that this KB was created for the Data Center version of the product. Data Center KBs for non-Data-Center-specific features may also work for Server versions of the product, however they have not been tested. Support for Server* products ended on February 15th 2024. If you are running a Server product, you can visit the Atlassian Server end of support announcement to review your migration options.

*Except Fisheye and Crucible

Summary

The content on this page includes steps to customize or extend Atlassian software (adding/changing CSS rules, HTML, JavaScript, etc.). Per the Atlassian Support Offerings, support does not include customizations made to Atlassian products. Be aware that this material is provided for your information only and using it is done so at your risk.

If you have any questions about this or any customization, please ask the community at Atlassian Community or consider working with an Atlassian Solution Partner.

Solution

Problem

Sometimes we might have Epic with very large names, JIRA does not show the full name of the Epic

(Auto-migrated image: description temporarily unavailable)

Workaround

Workarounds are ways to temporally circumvent a problem, although it still exists in the application.

  • Go to the Edit Announcement Banner page.

  • Add the following CSS script to modify the behavior of the dropdown:

    1 2 3 4 <style type="text/css"> div#ghx-chart-selector, div#ghx-chart-picker-suggestions, input#ghx-chart-picker-field, form#ghx-chart-picker-form, a#ghx-items-trigger {min-width:300px;} </style>
  • You can change the min-width: 500px; to the width of your preference.

(Auto-migrated image: description temporarily unavailable)

Updated on April 8, 2025

Still need help?

The Atlassian Community is here for you.