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

Fix Image Responsiveness in IGB News Section on Mobile View

        Details

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

          Description

          Images in the IGB News section are not rendering correctly on mobile devices, they overflow or appear improperly scaled, breaking the layout.

            Attachments

              Activity

              Ascending order - Click to sort in descending order
              pbhatia1 Pranav Bhatia (Inactive) created issue -
              pbhatia1 Pranav Bhatia (Inactive) made changes -
              Field Original Value New Value
              Sprint Spring 5 [ 214 ]
              pbhatia1 Pranav Bhatia (Inactive) made changes -
              Status To-Do [ 10305 ] In Progress [ 3 ]
              Hide
              Permalink
              pbhatia1 Pranav Bhatia (Inactive) added a comment -

              Fixed the image responsiveness.

              Link to branch - https://bitbucket.org/pranavbhatia1999/bioviz/branch/IGBF-4160

              Show
              pbhatia1 Pranav Bhatia (Inactive) added a comment - Fixed the image responsiveness. Link to branch - https://bitbucket.org/pranavbhatia1999/bioviz/branch/IGBF-4160
              pbhatia1 Pranav Bhatia (Inactive) made changes -
              Status In Progress [ 3 ] Needs 1st Level Review [ 10005 ]
              pbhatia1 Pranav Bhatia (Inactive) made changes -
              Assignee Pranav Bhatia [ pbhatia1 ]
              pkulzer Paige Kulzer made changes -
              Assignee Paige Kulzer [ pkulzer ]
              pkulzer Paige Kulzer made changes -
              Status Needs 1st Level Review [ 10005 ] First Level Review in Progress [ 10301 ]
              Hide
              Permalink
              pkulzer Paige Kulzer added a comment -

              Pranav demonstrated how BioViz News looks with his changes on mobile - image responsiveness appears to be fixed. I then tested his changes locally on my Mac and found that all images are still appropriately sized and link to the appropriate image when clicked.

              Recommending PR!

              Show
              pkulzer Paige Kulzer added a comment - Pranav demonstrated how BioViz News looks with his changes on mobile - image responsiveness appears to be fixed. I then tested his changes locally on my Mac and found that all images are still appropriately sized and link to the appropriate image when clicked. Recommending PR!
              pkulzer Paige Kulzer made changes -
              Status First Level Review in Progress [ 10301 ] Ready for Pull Request [ 10304 ]
              pkulzer Paige Kulzer made changes -
              Assignee Paige Kulzer [ pkulzer ] Pranav Bhatia [ pbhatia1 ]
              pkulzer Paige Kulzer made changes -
              Epic Link IGBF-2809 [ 19325 ]
              Hide
              Permalink
              pbhatia1 Pranav Bhatia (Inactive) added a comment -

              PR created - https://bitbucket.org/lorainelab/bioviz/pull-requests/170

              Show
              pbhatia1 Pranav Bhatia (Inactive) added a comment - PR created - https://bitbucket.org/lorainelab/bioviz/pull-requests/170
              pbhatia1 Pranav Bhatia (Inactive) made changes -
              Assignee Pranav Bhatia [ pbhatia1 ]
              pbhatia1 Pranav Bhatia (Inactive) made changes -
              Status Ready for Pull Request [ 10304 ] Pull Request Submitted [ 10101 ]
              ann.loraine Ann Loraine made changes -
              Sprint Spring 5 [ 214 ] Spring 5, Spring 6 [ 214, 215 ]
              ann.loraine Ann Loraine made changes -
              Rank Ranked higher
              ann.loraine Ann Loraine made changes -
              Assignee Ann Loraine [ aloraine ]
              ann.loraine Ann Loraine made changes -
              Status Pull Request Submitted [ 10101 ] Reviewing Pull Request [ 10303 ]
              Hide
              Permalink
              ann.loraine Ann Loraine added a comment -

              PR looks great! Merged new styling code into main branch.

              Show
              ann.loraine Ann Loraine added a comment - PR looks great! Merged new styling code into main branch.
              Hide
              Permalink
              ann.loraine Ann Loraine added a comment -

              New code is deployed. Ready for testing.

              Show
              ann.loraine Ann Loraine added a comment - New code is deployed. Ready for testing.
              ann.loraine Ann Loraine made changes -
              Status Reviewing Pull Request [ 10303 ] Merged Needs Testing [ 10002 ]
              ann.loraine Ann Loraine made changes -
              Assignee Ann Loraine [ aloraine ]
              nfreese Nowlan Freese made changes -
              Assignee Paige Kulzer [ pkulzer ]
              pkulzer Paige Kulzer made changes -
              Status Merged Needs Testing [ 10002 ] Post-merge Testing In Progress [ 10003 ]
              Hide
              Permalink
              pkulzer Paige Kulzer added a comment -

              I've looked through the IGB News page on my phone and confirmed that all images are now properly resized to mobile view and are behaving as expected when I click on them.

              Closing this ticket!

              Show
              pkulzer Paige Kulzer added a comment - I've looked through the IGB News page on my phone and confirmed that all images are now properly resized to mobile view and are behaving as expected when I click on them. Closing this ticket!
              pkulzer Paige Kulzer made changes -
              Resolution Done [ 10000 ]
              Status Post-merge Testing In Progress [ 10003 ] Closed [ 6 ]
              pkulzer Paige Kulzer made changes -
              Assignee Paige Kulzer [ pkulzer ] Pranav Bhatia [ pbhatia1 ]

                People

                • Assignee:
                  pbhatia1 Pranav Bhatia (Inactive)
                  Reporter:
                  pbhatia1 Pranav Bhatia (Inactive)
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: