Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
2016-02-29 Cloud
-
None
-
1
-
0
-
Description
Problem Definition
Epic labels wrap to the bottom of issue description in the backlog view. This appears to be due to ghx-plan-band-1 using the CSS position "relative".
See: "ghx-plan-band-1 .ghx-issue-compact .ghx-row" and .ghx-plan-band-1 .ghx-issue-compact .ghx-end.ghx-row for reference.
- Computed:
ghx-plan-band-1ghx-row { color: rgb(51, 51, 51); cursor: move; display: block; font-family: Arial, sans-serif; font-size: 14px; height: 22px; line-height: 20px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; /*See here*/ white-space: nowrap; width: 997px;
- Not computed properly:
ghx-plan-band-2background-attachment: scroll; background-clip: border-box; background-color: rgb(255, 255, 255); background-image: none; background-origin: padding-box; background-size: auto; box-shadow: rgb(255, 255, 255) -4px 0px 3px 0px, rgb(255, 255, 255) 0px -3px 3px 0px; color: rgb(51, 51, 51); cursor: move; display: block; font-family: Arial, sans-serif; font-size: 14px; height: 22px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; position: absolute; *See here* right: 0px; top: 0px; white-space: nowrap; width: 203.297px;
This will cause the label to wrap underneath the issue description instead of to the left even when the browser window "real estate" is available to wrap it to the left.
Suggested Solution
Have both bands use a position that works with relative to the browser window size fluidly when resizing the window.
Workaround
Refresh the page after resizing the browser window.