From 142ecc2c0b1ebe2e2bf8f25f9cab344cd6f2f4df Mon Sep 17 00:00:00 2001 From: Jacob Coffee Date: Sat, 18 Apr 2026 00:35:00 -0500 Subject: [PATCH] Clamp job listing role titles to 2 lines MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When parseRoles() can't extract "Title | URL" pairs from a sponsor's description (e.g. SerpApi, marimo whose descriptions are prose without delimiters), it falls back to emitting the whole blob as a single pseudo-role. The title then overflowed the card with no truncation. Line-clamp the role title to 2 lines with ellipsis — normal short titles are unaffected, prose blobs stop dominating the card. --- src/app/pages/job-listings/job-listings.page.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/app/pages/job-listings/job-listings.page.scss b/src/app/pages/job-listings/job-listings.page.scss index 6836cb19..ffc55278 100644 --- a/src/app/pages/job-listings/job-listings.page.scss +++ b/src/app/pages/job-listings/job-listings.page.scss @@ -127,4 +127,9 @@ ion-title { .role-title { font-size: 0.9rem; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + overflow-wrap: anywhere; }