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.

            [JRACLOUD-75406] Margin padding in new issue view restricts view on standard monitor sizes

            I have the same problem. 

            Cristian Pirnea added a comment - I have the same problem. 

            Andrew Hodgkinson added a comment - - edited

            But look on the bright side! In the three and a half years that poor little, developer-resource-starved underdog Atlassian has had to implement a truly trivial CSS change, they did at least find time to increase their subscription fees and start adding broken "AI" everywhere. Yay!

            Awesome products. (We're migrating to GitHub Issues - goodbye and good riddance).

            Andrew Hodgkinson added a comment - - edited But look on the bright side! In the three and a half years that poor little, developer-resource-starved underdog Atlassian has had to implement a truly trivial CSS change, they did at least find time to increase their subscription fees and start adding broken "AI" everywhere. Yay! Awesome products. (We're migrating to GitHub Issues - goodbye and good riddance).

            Yeah - you're right, that was my mistake. It is still as broken.
            Recommend using the CSS work-around suggested.

            Dwight Holman added a comment - Yeah - you're right, that was my mistake. It is still as broken. Recommend using the CSS work-around suggested.

            6e687f59fb46 I'm still seeing it - so not fixed.

            william.ferguson added a comment - 6e687f59fb46 I'm still seeing it - so not fixed.

            Have just tested this during migration test and it seems to be fixed at last.
            Perhaps it could be closed?

            Dwight Holman added a comment - Have just tested this during migration test and it seems to be fixed at last. Perhaps it could be closed?

            The same problem when you use zoom < 100 in your browser. Our users are frustrated by this view. Bug is a bug it can happen, but the way how Atlassian is handling it - this is insane.

            Paweł Wadas added a comment - The same problem when you use zoom < 100 in your browser. Our users are frustrated by this view. Bug is a bug it can happen, but the way how Atlassian is handling it - this is insane.

            A lot of wasted screen space and on the other hand, need to use scroll bar to see all of the contents of the actual issue being reported. Can't believe that this hasn't been fixed for almost two years!

            1) The sidebar should be re-sizable

            2) Should be possible to minimize when not needed.

            Snehal Buch added a comment - A lot of wasted screen space and on the other hand, need to use scroll bar to see all of the contents of the actual issue being reported. Can't believe that this hasn't been fixed for almost two years! 1) The sidebar should be re-sizable 2) Should be possible to minimize when not needed.

            Ripin added a comment - - edited

            Facing the same issue with the left padding:

            Ripin added a comment - - edited Facing the same issue with the left padding:

            martin added a comment -

            madness to not have it:

             

            a) resizeable

            b) have it grow to fill up to the max text in that column (e.g. long version nam

            martin added a comment - madness to not have it:   a) resizeable b) have it grow to fill up to the max text in that column (e.g. long version nam

            All this is ridiculous, handle window/editing sections and margins based on pix rather of ratios...
            The result on a 4k wide screen is a disaster...

            Frederic Doug JANVIER added a comment - All this is ridiculous, handle window/editing sections and margins based on pix rather of ratios... The result on a 4k wide screen is a disaster...

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

                Created:
                Updated: