Epic Burndown selection GUI element is too small

[Jeetendra Dash]

Dear Colleagues, Users complained that Epic Burndown selection GUI element is too small

I have applied the solution as per below article:

https://confluence.atlassian.com/jirakb/how-to-extend-the-width-of-epic-dropdown-list-in-agile-report-935371591.html. But its not working.because when we click on the dropdown list it is creating element dynamically and setting its max width to 250px. Do you have any other solution to implement? Thanks Jeetendra

[Andy Heinzer]

I took a closer look at that KB.  I believe it was accurate for the version of Jira it was created for (7.4.x).  However I found in my 7.12.3 version that I too could see the same problem with that css modification.   I have updated the KB to use some additional css elements, and I have also reordered this so that they will all have the same value instead of changing 5 values to be the same. 

Try this instead:

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

I hope this helps.

Andy

[Jeetendra Dash]

Dear Heinzer,

Thank you verymuch for your help.Its working fine.

I have a question here:

I unable to find this div#ghx-chart-picker-suggestions, input#ghx-chart-picker-field elements in the browser developer tool.

Could you please tell me how you got to know that this elements need to be modified

Thanks

Jeetendra

[Jeetendra Dash]

Dear Heinzer,

I tried to put the css code in css file and loaded that file in the banner using below line<LINK href="http://fr03693vma.cw01.contiwan.com:8080/includes/css/custom-style.css" rel="stylesheet" type="text/css"/>

but the file is not loading.but when i load the css in banner,its working fine.will it not load from css file?

Thanks

Jeetendra

[Andy Heinzer]

I'm not loading the css file changes externally, instead I'm using the announcement banner in Jira Server to add this.   If you are using Jira Server, and you're a Jira System Admin, then you should have access to this.   Note: if you're using Jira Cloud there is no equivalent to this feature at this time.

In my example, I used the built in developer tools to the Brave browser.  This is a variant that uses the Chromium engine, so I believe the tools are the same to what you would have in Google's Chrome.   However I found that I had to right click and select inspect on a number of different elements to make sure this worked.  The box itself was one, but then once you click on the box, I found I had to inspect one of the other elements in the box as well to find the other, newer, elements to be added to that script.

In my own setup I found that the drop down arrow appear to be rendering in an absolute position.  Which makes it look bad when we have made this dialog box bigger, but it doesn't seem to affect the ability to at least see the option names better.