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

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.

Was this helpful?