Long Playlist Description Crowds Playlist Item List

[joncameron]

Description

The playlist description field has been updated to allow for more content. The side effect of this in our current styling is that long descriptions take up all of the space in the sidebar component area. We can use the existing pattern found on the collections index description field, with See More and See Less links to show and hide the full amount of text.

Example

Mockups

Done Looks Like

When the playlist description is longer than 4 lines:

• [ ] "Show More" and Show Less" links display
• [ ] "Show More" displays all of the text in the description
• [ ] "Show Less" returns the text to a truncated display capped at 4 lines

[elynema]

@charumitraravi Can you QA this one?

[charumitraravi]

@elynema The see more/see less feature works as expected. But for longer descriptions (~120 words, the Playlist items get hidden, and only the title is visible)

For more than 150 words, the text starts to overflow beyond the page edge.

Item to test: https://avalon-dev.dlib.indiana.edu/playlists/98

[elynema]

@masaball Looks like the Done Looks Like for this specific issue was resolved properly. However, the Done Looks Like does not describe behavior when the full playlist description is expanded, which we unfortunately still need to solve for. I can resolve this, but will need to create a new issue.