We couldn't load the project sidebar. Refresh the page to try again.
If the problem persists, contact your Jira admin.
IMPORTANT: JAC is a Public system and anyone on the internet will be able to view the data in the created JAC tickets. Please don’t include Customer or Sensitive data in the JAC ticket.
Uploaded image for project: 'Jira Platform Cloud'
  1. Jira Platform Cloud
  2. JRACLOUD-75406

Margin padding in new issue view restricts view on standard monitor sizes

      Issue Summary

      There are various padding-right and padding-left margins in the CSS layout throughout the new issue view, that cause excess whitespace on standard monitor layouts and does not allow the user to utilize the scaling options that are integrated into the code, the scaling gets worse on wider aspect ratio monitors as well as zooming out, in the browser zoom settings, beyond 100%.

      Steps to Reproduce

      1. enable New issue view
      2. Look at any issue from a 16:9 aspect ratio monitor

      Expected Results

      The margin paddings scale to meet at the very minimum the industry-standard 16:9 aspect ratio 1080p monitor sizes, but 100% scaling prefered for custom monitor solutions or users that prefer to zoom out for extended screen real-estate

      Actual Results

      As an Example, I am Looking at:

      <div class="sc-iupvsZ chWGEj">
      

      there is a padding set to scale to 100% but also restricted to a maximum of 1400px:

      padding-right: max((100% - 1400px) / 2, 0px);
      

      Looks like this:

      Because of this setting on an industry-standard 16:9 aspect ratio 1080p monitor, there is already an excessive amount of whitespace of 279px for the margin at padding-right (noting padding-left adds an additional 279px of whitespace), and would require scaling up to 1679px to reach the 100% scale setting for this section noting standard monitor size with default zoom levels at 100% so this should meet the max 100% scale at this setting

      Notes:

      1. The suggested solution here is to remove 1400px restrictions to all scalable margins
      2. Alternatively, scale the paddings up 300px to handle at a minimum 16:9 aspect ratio 1080p monitors by increasing all 1400px limitaions to a 1700px restriction

      Workaround

      None at the moment.

        1. Screen Shot 2020-10-15 at 2.47.58 PM.png
          229 kB
          Earl McCutcheon
        2. Screen Shot 2020-10-15 at 2.53.32 PM.png
          71 kB
          Earl McCutcheon

          Form Name

            Loading...
            IMPORTANT: JAC is a Public system and anyone on the internet will be able to view the data in the created JAC tickets. Please don’t include Customer or Sensitive data in the JAC ticket.
            Uploaded image for project: 'Jira Platform Cloud'
            1. Jira Platform Cloud
            2. JRACLOUD-75406

            Margin padding in new issue view restricts view on standard monitor sizes

                Issue Summary

                There are various padding-right and padding-left margins in the CSS layout throughout the new issue view, that cause excess whitespace on standard monitor layouts and does not allow the user to utilize the scaling options that are integrated into the code, the scaling gets worse on wider aspect ratio monitors as well as zooming out, in the browser zoom settings, beyond 100%.

                Steps to Reproduce

                1. enable New issue view
                2. Look at any issue from a 16:9 aspect ratio monitor

                Expected Results

                The margin paddings scale to meet at the very minimum the industry-standard 16:9 aspect ratio 1080p monitor sizes, but 100% scaling prefered for custom monitor solutions or users that prefer to zoom out for extended screen real-estate

                Actual Results

                As an Example, I am Looking at:

                <div class="sc-iupvsZ chWGEj">
                

                there is a padding set to scale to 100% but also restricted to a maximum of 1400px:

                padding-right: max((100% - 1400px) / 2, 0px);
                

                Looks like this:

                Because of this setting on an industry-standard 16:9 aspect ratio 1080p monitor, there is already an excessive amount of whitespace of 279px for the margin at padding-right (noting padding-left adds an additional 279px of whitespace), and would require scaling up to 1679px to reach the 100% scale setting for this section noting standard monitor size with default zoom levels at 100% so this should meet the max 100% scale at this setting

                Notes:

                1. The suggested solution here is to remove 1400px restrictions to all scalable margins
                2. Alternatively, scale the paddings up 300px to handle at a minimum 16:9 aspect ratio 1080p monitors by increasing all 1400px limitaions to a 1700px restriction

                Workaround

                None at the moment.

                  1. Screen Shot 2020-10-15 at 2.47.58 PM.png
                    229 kB
                    Earl McCutcheon
                  2. Screen Shot 2020-10-15 at 2.53.32 PM.png
                    71 kB
                    Earl McCutcheon

                        2239430e27fb Ahmud Auleear
                        emccutcheon Earl McCutcheon
                        Votes:
                        114 Vote for this issue
                        Watchers:
                        97 Start watching this issue

                          Created:
                          Updated:

                            2239430e27fb Ahmud Auleear
                            emccutcheon Earl McCutcheon
                            Affected customers:
                            114 This affects my team
                            Watchers:
                            97 Start watching this issue

                              Created:
                              Updated: