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
              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
              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!
              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
              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.
              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!

                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: