Changeset b607d4d in Klonkt

Timestamp:

06/29/2026 11:01:19 PM (2 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

93b147d

Parents:

054b603

Message:

fix(circle): wrap long titles/URLs in no-cover grid tiles instead of overflowing

Federated link posts (e.g. boosted Mastodon links) use a long bare URL as their
title; without word-breaking it overflowed past both edges of the gradient tile and
got clipped mid-URL. It now wraps and clamps to 4 lines cleanly.

• src/assets/css/style.css — .grid-tile-title: overflow-wrap:anywhere + word-break + hyphens + max-width:100%
• src/views/shell.ejs — bump style.css buster v63 -> v64

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -2475 +2475 @@
     overflow: hidden;
     z-index: 1;
+    /* Federated link posts can have a long bare URL as their title — break it so it wraps
+       inside the tile and clamps cleanly instead of overflowing past both edges. */
+    max-width: 100%;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+    hyphens: auto;
 }
 

src/views/shell.ejs

@@ -205 +205 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=63">
+<link rel="stylesheet" href="/assets/css/style.css?v=64">
 <script>
 /* iOS safe-area, built by hand. env(safe-area-inset-top) resolves to 0 on this iOS in