Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2723

Improve right-side whitespace for app store pages

    Details

    • Type: Task
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None

      Description

      The content of app store pages is very close to the edge of the page, which creates a cramped feeling. It would be better if some extra whitespace could be shown, about 0.75 the width of the "Name / Description / Author" text string above the navigation radio buttons on the left side of the home page. This same whitespace should persist throughout the site.

      See attached images showing the App Store home page at various widths. The image names include the width (in pixels) for the home page. Notice how the left side radio button panel is always very close to the left side of the window. The other pages also have almost no whitespace between the left side of the content and the window frame.

        Attachments

        1. screenshot-1.png
          screenshot-1.png
          532 kB
        2. width-1184pixels.png
          width-1184pixels.png
          209 kB
        3. width-1410pixels.png
          width-1410pixels.png
          227 kB
        4. width-1563pixels.png
          width-1563pixels.png
          286 kB
        5. width-2072pixels.png
          width-2072pixels.png
          302 kB

          Issue Links

            Activity

            ann.loraine Ann Loraine created issue -
            ann.loraine Ann Loraine made changes -
            Field Original Value New Value
            Epic Link IGBF-2563 [ 18746 ]
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            ann.loraine Ann Loraine made changes -
            Rank Ranked higher
            sameer Sameer Shanbhag (Inactive) made changes -
            Assignee Sameer Shanbhag [ sameer ]
            sameer Sameer Shanbhag (Inactive) made changes -
            Status To-Do [ 10305 ] In Progress [ 3 ]
            ann.loraine Ann Loraine made changes -
            Summary Improve left and right whitespace for app store pages Improve right-side whitespace for app store pages
            ann.loraine Ann Loraine made changes -
            Description The content of app store pages is very close to the edge of the page, which creates a cramped feeling. It would be better if some extra whitespace could be shown, about 0.75 the width of the "Name / Description / Author" text string above the navigation radio buttons on the left side of the home page. This same whitespace should persist throughout the site. The content of app store pages is very close to the edge of the page, which creates a cramped feeling. It would be better if some extra whitespace could be shown, about 0.75 the width of the "Name / Description / Author" text string above the navigation radio buttons on the left side of the home page. This same whitespace should persist throughout the site.

            See attached images showing the App Store home page at various widths. The image names include the width (in pixels) for the home page. Notice how the left side radio button panel is always very close to the left side of the window. The other pages also have almost no whitespace between the left side of the content and the window frame.
            ann.loraine Ann Loraine made changes -
            Attachment width-1184pixels.png [ 15081 ]
            Attachment width-1410pixels.png [ 15082 ]
            Attachment width-1563pixels.png [ 15083 ]
            Attachment width-2072pixels.png [ 15084 ]
            ann.loraine Ann Loraine made changes -
            Link This issue relates to IGBF-2730 [ IGBF-2730 ]
            ann.loraine Ann Loraine made changes -
            Link This issue relates to IGBF-2728 [ IGBF-2728 ]
            sameer Sameer Shanbhag (Inactive) made changes -
            Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
            sameer Sameer Shanbhag (Inactive) made changes -
            Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
            sameer Sameer Shanbhag (Inactive) made changes -
            Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
            sameer Sameer Shanbhag (Inactive) made changes -
            Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
            sameer Sameer Shanbhag (Inactive) made changes -
            Assignee Sameer Shanbhag [ sameer ]
            Hide
            sameer Sameer Shanbhag (Inactive) added a comment -

            Hi Professor,

            I have Submitted the Pull Request for this ticket:

            P.s. [~aloraine]

            Show
            sameer Sameer Shanbhag (Inactive) added a comment - Hi Professor, I have Submitted the Pull Request for this ticket: https://bitbucket.org/lorainelab/appstore/pull-requests/260/igbf-2723-improve-spacing-of-tiles-from P.s. [~aloraine]
            Hide
            ann.loraine Ann Loraine added a comment -

            Merged - thank you! About to deploy.

            Show
            ann.loraine Ann Loraine added a comment - Merged - thank you! About to deploy.
            ann.loraine Ann Loraine made changes -
            Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
            ann.loraine Ann Loraine made changes -
            Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
            chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
            Assignee Chirag Chandrahas Shetty [ chirag24 ]
            chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
            Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
            chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
            Attachment screenshot-1280px.png [ 15097 ]
            chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
            Attachment screenshot-1280px.png [ 15097 ]
            chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
            Attachment screenshot-1.png [ 15098 ]
            Hide
            chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - - edited

            [~aloraine] Looks good on 1280px screen and below that. Needs testing for screen size above that. Please refer the image below

            Show
            chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - - edited [~aloraine] Looks good on 1280px screen and below that. Needs testing for screen size above that. Please refer the image below
            chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
            Assignee Chirag Chandrahas Shetty [ chirag24 ] Ann Loraine [ aloraine ]
            Hide
            ann.loraine Ann Loraine added a comment -

            Ok - I will try it on larger screen.

            Show
            ann.loraine Ann Loraine added a comment - Ok - I will try it on larger screen.
            Hide
            ann.loraine Ann Loraine added a comment -

            It looks fine. Moving to closed.

            Show
            ann.loraine Ann Loraine added a comment - It looks fine. Moving to closed.
            ann.loraine Ann Loraine made changes -
            Resolution Done [ 10000 ]
            Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
            ann.loraine Ann Loraine made changes -
            Assignee Ann Loraine [ aloraine ] Sameer Shanbhag [ sameer ]

              People

              • Assignee:
                sameer Sameer Shanbhag (Inactive)
                Reporter:
                ann.loraine Ann Loraine
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: