-
Suggestion
-
Resolution: Fixed
-
None
-
182
-
11
-
-
NOTE: This suggestion is for JIRA Software Server. Using JIRA Software Cloud? See the corresponding suggestion.
- duplicates
-
JSWSERVER-11753 Status labels of sub-tasks are cut off in the ticket detail panel
-
- Closed
-
-
-
- Closed
-
-
-
- Closed
-
- is duplicated by
-
- Closed
-
- Closed
- is related to
-
- Closed
-
- Closed
- relates to
-
-
- Closed
-
-
- Closed
-
- Closed
- mentioned in
-
Page Loading...
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSWSERVER-9236] As a user I would like to resize the Detail View in Work mode
Because it's Atlassian. They just close tickets. I wish I could get away with that.
19ee5130dd2f I'm not sure if I understand your question. The suggestion was to allow resizing the details view in work mode (sprint view) the same way as it was already working in backlog. It's done for Jira 8.1 and newer. What other details do you wish to know exactly?
How is this fixed? Is it in some other quantum universe? Zero explanation from Atlassian how this is fixed. This is extremely frustrating.
It seems that Atlassian fixed that in Jira 8.1, but unfortunately only partly.
We use custom fields of type "multiline textfield", It seems that they still have a fxed witdth and are not resized with the details view. Will Atlassian fix that, too?
Hi saad.fahim, yes, we're working on this and it'll be available sooner than you think 
As for your other questions, I'll need some more details on what exactly do you want to know?
@sylwia ...please can this be implemented for Jira Service Desk Agile boards too?
Hi..Is Altlassian putting in a fix for this?
How does the CSS work in Chrome?
I adjusted @Ron Boerdman's code to fix an issue. After clicking on the bookmarklet, the pane's width is set to the same width you used before. But when you drag it, it resets to the Jira default, then starts dragging from there. This version makes the initial dragging smoother:
javascript: {
var dragBar = document.getElementById("ghx-detail-head");
var detailView = document.getElementById("ghx-detail-view");
var headerGroup = document.getElementById("ghx-column-header-group");
var defaultHeaderWidth = headerGroup.clientWidth;
var defaultDetailWidth = detailView.clientWidth;
var controlGroup = document.getElementById("ghx-detail-head");
var tmpElem = document.createElement("div");
tmpElem.innerHTML =
'<span style="display: block;" id="js-sizer" class="ghx-sizer ui-resizable-handle ui-resizable-w" data-tooltip="Resize Detail View" original-title=""><span class="ghx-icon ghx-icon-sizer"></span></span>';
var dragElem = tmpElem.childNodes[0];
controlGroup.insertBefore(dragElem, controlGroup.childNodes[0]);
var currentWidth = localStorage.getItem("jiraWidth") || "400px";
var currentStylesheet = document.createElement("style");
currentStylesheet.innerHTML = `
#ghx-detail-view {
width: ${currentWidth} !important;
}
#ghx-column-header-group {
width: calc(${defaultHeaderWidth}px - ${currentWidth} + ${defaultDetailWidth}px) !important;
}
`;
document.body.insertBefore(currentStylesheet, document.body.childNodes[0]);
dragBar.addEventListener("mousedown", startJiraDrag, false);
var stateMouseDown = false;
var mouseStartX = 0;
var jiraStartWidth, jiraHeaderWidth;
var currentStylesheet; function startJiraDrag(ev) {
jiraStartWidth = detailView.clientWidth;
jiraHeaderWidth =
defaultHeaderWidth - (jiraStartWidth - defaultDetailWidth);
detailView.style.width = jiraStartWidth + "px";
headerGroup.style.width = jiraHeaderWidth + "px";
if (currentStylesheet) {
document.body.removeChild(currentStylesheet);
}
stateMouseDown = true;
mouseStartX = ev.pageX;
document.addEventListener("mousemove", continueJiraDrag, false);
document.addEventListener("mouseup", endJiraDrag, false);
} function continueJiraDrag(ev) {
var pX = ev.pageX;
detailView.style.width = jiraStartWidth + mouseStartX - pX + "px";
headerGroup.style.width = jiraHeaderWidth - mouseStartX + pX + "px";
} function endJiraDrag() {
currentStylesheet = document.createElement("style");
currentStylesheet.innerHTML =
"#ghx-detail-view { width: " + detailView.style.width + " !important;} ";
document.body.insertBefore(currentStylesheet, document.body.childNodes[0]);
localStorage.setItem("jiraWidth", detailView.style.width);
document.removeEventListener("mousemove", continueJiraDrag, false);
document.removeEventListener("mouseup", endJiraDrag, false);
}
}
void 0;
I'm sorry to hear this feature is unavailable to you. It may be so if you use IE11, as it's not supported. Let me know if that's the case.