Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-2317

Carousel: image height on mobile

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Done
    • Icon: Should have Should have
    • 1.21.0
    • 4
    • Block: Gallery
    • Sprint #43, Sprint #44, Sprint #45

      Continuing the discussion from PLANET-2182, regarding the mobile devices. Copying information:

      Laura: On desktop it seems to work, on my Google Pixel it doesn't. Image sizes still jump.

      Nikos: My guess is that you mean the second carousel on that page? The "jumping" effect there happens because we have an image with a caption and two that don't have any. The caption on mobile is not part of the image but it's placed right below it. So these will always have different heights. For instance one caption can be 2 rows and another 3. We could force fixed height for the entire carousel to avoid the "jumping" effect on mobile, but that means there will be an empty space for images that have shorter or none caption. See the screenshot below.

        1. carousel.jpg
          126 kB
          Nikos Roussos

            nroussos Nikos Roussos
            ktolen Kelli Tolen
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: