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

Evaluate NL Author block design

    XporterXMLWordPrintable

    Details

    • Type: UI task
    • Status: CLOSED
    • Priority: Should have
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
    • P4 site:
      All sites
    • Track:
      Design

      Description

      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.

        Gliffy Diagrams

          Attachments

            Issue Links

              Activity

                People

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

                  Dates

                  Created:
                  Updated:
                  Resolved: