nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How can I change the description field on JIRA's create issue page to be full width?

Andreas Knecht

For some users the create form textareas are too narrow. Is there a way to expand it to full width?

Accepted answers

Andreas Knecht

This can be achieved with various browser extensions. A Chrome extension that works is Stylebot: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

The CSS that needs to be installed for the create issue page is:

.aui-page-panel {
    width: 100%;
}

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

All comments

Andreas Knecht

This can be achieved with various browser extensions. A Chrome extension that works is Stylebot: https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en

The CSS that needs to be installed for the create issue page is:

.aui-page-panel {
    width: 100%;
}

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

francis

Thanks for this Andreas.

Nelson Manio1

In which file would I need to add the CSS code above ? - nmanio@mssngsolutions.ph

Andreas Knecht

@Nelson Manio you can use a browser extension such as https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en for example to apply the CSS to the page.

Thiré Simon

Hi,

This css works well with Stylbot for Chrome but not witj Stylish for FireFox .
Do you know why ?

Thanks in advance

Stefano De Gaetano

Hi all,

this workaround works for me, but I want the new style is applied for every users that work in my JIRA installation, without they install the chrome add-in! How can I modify the style in some files on the server installations?

Thanks in advance..

Will Sheppard

This isn't an answer. It should be posted as a comment to the actual answer above, or even as a separate question, referencing this one

Somaiah Kumbera

You can force the text window to be a larger width by adding some text that cannot be formatted, like a URL for example within the description text.

Adam Dulberg

Updating this thread; continue to use a CSS editor (confirming Stylebot works as of 9/27/18), however to affect all editable text fields use the following;

.editable-field {
 max-width: 800px;
}

brianjmurrell

None of this is the answer. I shouldn't have to install browser extensions and do coding work to simply get a usefully and unnecessarily constrained data entry dialog.