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

Right-align elements appearing on the right side of appstore home page

    Details

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

      Description

      Depending on the width of the page, the right sides of graphical elements do not line up, which looks a bit weird. It would be better if they were lined up so that their right side boundaries are in alignment.

      Please see attached image.

        Attachments

          Activity

          ann.loraine Ann Loraine created issue -
          ann.loraine Ann Loraine made changes -
          Field Original Value New Value
          Epic Link IGBF-2563 [ 18746 ]
          sameer Sameer Shanbhag (Inactive) made changes -
          Status To-Do [ 10305 ] In Progress [ 3 ]
          ann.loraine Ann Loraine made changes -
          Status In Progress [ 3 ] To-Do [ 10305 ]
          ann.loraine Ann Loraine made changes -
          Sprint Fall 7 Dec 14 - Dec 23 [ 110 ] Fall 7 Dec 14 - Dec 23, Winter 1 Dec 28 - Jan 8 [ 110, 111 ]
          ann.loraine Ann Loraine made changes -
          Rank Ranked higher
          sameer Sameer Shanbhag (Inactive) made changes -
          Status To-Do [ 10305 ] In Progress [ 3 ]
          sameer Sameer Shanbhag (Inactive) made changes -
          Assignee Sameer Shanbhag [ sameer ]
          Show
          sameer Sameer Shanbhag (Inactive) added a comment - Pull Request Submitted: https://bitbucket.org/lorainelab/appstore/pull-requests/253/igbf-2706
          Hide
          ann.loraine Ann Loraine added a comment -

          Merged and deployed to https://devappstore3.bioviz.org.
          Is this ready for testing now, or are you planning to submit a new PR with this issue?

          Show
          ann.loraine Ann Loraine added a comment - Merged and deployed to https://devappstore3.bioviz.org . Is this ready for testing now, or are you planning to submit a new PR with this issue?
          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 -
          Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
          sameer Sameer Shanbhag (Inactive) made changes -
          Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
          sameer Sameer Shanbhag (Inactive) made changes -
          Assignee Sameer Shanbhag [ sameer ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Assignee Sai Supreeth Segu [ ssegu ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Status Post-merge Testing In Progress [ 10003 ] Merged Needs Testing [ 10002 ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Assignee Sai Supreeth Segu [ ssegu ]
          chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
          Attachment 100_percent_zoom.png [ 15089 ]
          chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
          Attachment screenshot_80_percent.png [ 15090 ]
          chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
          Attachment screenshot_50_percent.png [ 15091 ]
          chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
          Assignee Chirag Chandrahas Shetty [ chirag24 ]
          Hide
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment -

          Tested the application at different zoom levels on devappstore3 using chrome. Since we are using bootstrap output might differ on screen size.
          1) 100%: Was able to see only two app tiles in one row but the install IGB button and orange horizontal line are aligned.

          2) 80%: Three app tiles are aligned in one row but install IGB button goes out of the screen.

          3) 50%: Three app tiles are aligned in one row, but the right alignment is off.

          Sai Supreeth Segu: Please check the alignment on your machine also.

          Show
          chirag24 Chirag Chandrahas Shetty (Inactive) added a comment - Tested the application at different zoom levels on devappstore3 using chrome. Since we are using bootstrap output might differ on screen size. 1) 100%: Was able to see only two app tiles in one row but the install IGB button and orange horizontal line are aligned. 2) 80%: Three app tiles are aligned in one row but install IGB button goes out of the screen. 3) 50%: Three app tiles are aligned in one row, but the right alignment is off. Sai Supreeth Segu : Please check the alignment on your machine also.
          chirag24 Chirag Chandrahas Shetty (Inactive) made changes -
          Assignee Chirag Chandrahas Shetty [ chirag24 ]
          Hide
          ann.loraine Ann Loraine added a comment -

          The top elements (upper menu bar, orange line) are in alignment, which improves the appearance. Sameer Shanbhag is working on making some changes which will likely address problems with getting the app tiles to appear together in a row of three tiles at 100%. I think it would be OK to move this to "Done" unless there are some easy fast corrections that can be made.

          Show
          ann.loraine Ann Loraine added a comment - The top elements (upper menu bar, orange line) are in alignment, which improves the appearance. Sameer Shanbhag is working on making some changes which will likely address problems with getting the app tiles to appear together in a row of three tiles at 100%. I think it would be OK to move this to "Done" unless there are some easy fast corrections that can be made.
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Assignee Sai Supreeth Segu [ ssegu ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Status Post-merge Testing In Progress [ 10003 ] Merged Needs Testing [ 10002 ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
          Hide
          ssegu Sai Supreeth Segu (Inactive) added a comment -

          This looks same on Mac OS as well. Moving this ticket to done.

          Show
          ssegu Sai Supreeth Segu (Inactive) added a comment - This looks same on Mac OS as well. Moving this ticket to done.
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Resolution Done [ 10000 ]
          Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
          ssegu Sai Supreeth Segu (Inactive) made changes -
          Assignee Sai Supreeth Segu [ ssegu ] Sameer Shanbhag [ sameer ]

            People

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

              Dates

              • Created:
                Updated:
                Resolved: