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

Evaluate NL Author block design

XMLWordPrintable

    • Icon: UI task UI task
    • Resolution: Done
    • Icon: Should have Should have
    • None

      We currently have a custom very fragile way of limiting Author bio text. We do that in order for the bio text to be aligned with the Author bio. There is not a simple an reliable way of limiting lines of text across all browsers, and the Author photo is displayed in different heights between different screen sizes.

      One idea would be to evaluate NL's solution and provide a similar design. What they did is wrap the whole block with the gray background color we use only for the text.  So even when the text is long, it doesn't feel miss-aligned compared to the photo.

      Here is a live example below. Also attaching two screenshots to show how this looks when the text is too long.
      https://www.greenpeace.org/nl/klimaatverandering/33072/europese-luchtvaartmaatschappijen-vragen-128-miljard-staatssteun/

      Implementing a similar design will let us remove all the max-height complexity while offering a nice UI.

            wmorrisj William Morris-Julien
            nroussos Nikos Roussos
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: