Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-13326

Have the "backlog view" use the same CSS position parameter as the sprint view.

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • Low
    • None
    • 2016-02-29 Cloud
    • None

    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-1
        ghx-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-2
        background-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.

      Attachments

        Activity

          People

            Unassigned Unassigned
            jcastro Jose Castro (Inactive)
            Votes:
            2 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated: