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

CPP - Carousel block resizing based on caption length

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Should have Should have
    • 1.50

      https://k8s.p4.greenpeace.org/campaigns/campaign/demo-page-with-all-available-blocks-antarctica/

      The carousel block does not have a fixed height but it is resizing based on the length of the image captions. When I created the carousel I've just picked 3 random images from the Media Library, apparently all 3 have different image caption lengths. The resizing makes everything below the carousel block very uncomfortable to read as all content beneath jumps up and down on the screen when the carousel slides to the next image.

      To replicate:

      1. open URL above
      2. scroll down to the carousel or preferably a bit below
      3. watch as it slides through all 3 images

      I'd think the solution would be to assign a max height to the caption based on the longest one or add a Read more... button for very long captions.

            pcuadrad Pablo Cuadrado (Inactive)
            gabor.galgocz Gabor Galgocz
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: