From c166e594b97f6dd74b71f836c9caf16a9d663008 Mon Sep 17 00:00:00 2001 From: Roni Laukkarinen Date: Sun, 12 Nov 2023 16:43:25 +0200 Subject: [PATCH] Truncate too long links in the profile, like Nostr --- CHANGELOG.md | 1 + layout-multiple-columns.css | 9 +++++++++ layout-single-column.css | 9 +++++++++ 3 files changed, 19 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 39edbd2..ceb4672 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ * Better accessibility outlines for column links in single column mode * Fix a corner case bug where advanced UI in mobile mode has wrong order in column links * Add profile link icons for Nostr, Bluesky and Threads +* Truncate too long links in the profile, like Nostr ### 1.8.0: 2023-10-29 diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css index a737d66..b0b02cb 100644 --- a/layout-multiple-columns.css +++ b/layout-multiple-columns.css @@ -2231,6 +2231,15 @@ body.embed .detailed-status__meta .detailed-status__link .icon-retweet, padding: 0; } +/* Truncate too long links in the profile, like Nostr */ +.layout-multiple-columns .account__header__bio .account__header__fields a span { + display: block; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .layout-multiple-columns .account__header__bio .account__header__fields dl::after { content: '|'; order: 2; diff --git a/layout-single-column.css b/layout-single-column.css index cb29b6e..796a860 100644 --- a/layout-single-column.css +++ b/layout-single-column.css @@ -2272,6 +2272,15 @@ body.embed .detailed-status__meta .detailed-status__link .icon-retweet, padding: 0; } +/* Truncate too long links in the profile, like Nostr */ +.layout-single-column .account__header__bio .account__header__fields a span { + display: block; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + .layout-single-column .account__header__bio .account__header__fields dl::after { content: '|'; order: 2;