How to modify transition button dropdown for added width? JIRA 5.2.11

[Peter von Hofer]

After using the hints in this issue: https://jira.atlassian.com/browse/JRA-26746

I still have a problem with the width of the transition dropdown. It's hardcoded to 200px somewhere.

I would like to change the width to a bigger value (like 300px) or to "width:auto" to see full transition texts

Does anyone of you have an idea which file to modify, to get this result?

Thanks

Peter

[Bhushan Nagaraj · Accepted solution]

Peter,

Just add this in the announcement banner

<style type="text/css">
.issueaction-workflow-transition
{
min-width: 400px !important;
max-width: 400px !important;
}
</style>

[Peter von Hofer]

What you wrote didn't work as expected, but it was 98% of what I wished for.

Changed it to that and it works. Thank you very much!!

<style type="text/css">
#opsbar-transitions_more_drop
{ min-width: 300px !important; max-width: 300px !important; }
</style>

Do you have an idea in which file to copy this code, so it doesn't have to stay in the announcement banner?

[Peter von Hofer]

I added the code in atlassian-jira/includes/decorators/aui-layout/head-resources.jsp

It works nicely :-)

[Bhushan Nagaraj]

Hi Peter,

Have you tried doing something with CSS? You can take some hints from the following two links and see if it works.

https://answers.atlassian.com/questions/54624/customize-jira-with-my-own-css

https://answers.atlassian.com/questions/164357/how-can-i-delete-the-site-spaces-tab

This is just a suggestion and I have not tried it myself. Give it a go

[Peter von Hofer]

Hi Bhushan,

I expected to have to modify CSS somewhere. The idea with the announcement banner is nice but didn't work

I put this into the banner:

<style type="text/css">
#opsbar-transitions_more_drop {
width: 300px;
}
</style>

but to no avail. Firbug tells me, it gets overridden with inline style :-(

element.style {

display: block;

left: 809.3px;

position: absolute;

top: 248px;

width: 200px;

}

Thanks

Peter