Longer Titles in Entity Grids

Longer Titles in Entity Grids en

Installations 38 Likes 4

Allows images in the grid view of entity lists to shrink so that longer titles are less likely to be truncated. Works in desktop and mobile layouts, and you can control the maximum lines of text allowed for both, as well as depending on whether each entity has a custom image or defaults to the standard gradient.

Customization

The theme defaults to 3 or 4 lines on mobile for entities with or without a custom image, and 4 or 5 lines on desktop. With fonts (face, size, line-height) similar to Kanka’s standards, these values will show a reasonable slice of the image and leave enough room for the privacy icon where needed. If your fonts differ noticeably or you just prefer your images to shrink less, you can adjust each value accordingly by adding the following lines to your campaign CSS:

:root {
    /* Line limits for entity titles in grid view */
    --entity-grid-max-lines: 4; /* desktop, custom image */
    --entity-grid-max-lines-noimg: 5; /* desktop, default gradient */
    --entity-grid-mobile-max-lines: 3; /* mobile, custom image*/
    --entity-grid-mobile-max-lines-noimg: 4; /* mobile, default gradient */
}

Want to show appreciation for my plugins or request one-on-one CSS help? I accept tips on Ko-fi (no account needed): Support me on Ko-fi.com

Latest version 2

Released 1 year ago

The Back tile in nested entity lists now has a text box height consistent with other single-line tiles. Thanks to scanime for pointing it out!