aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-17 14:44:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve word-wrap for long strings and prevent overflow

Browse Source 
- Add word-wrap, overflow-wrap, and word-break properties to content areas
- Apply to .parsed-content, .bookmark-content, .individual-bookmark
- Update .nostr-mention and .nostr-link for better long string handling
- Add overflow: hidden to .individual-bookmark container
- Ensures long nprofile strings and URLs break properly within containers
This commit is contained in:
Gigi
2025-10-02 23:20:09 +02:00
parent 9400faa00f
commit e5d6fe99f3
1 changed files with 19 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/index.css
View File

@@ -184,6 +184,9 @@ body {
.parsed-content { .parsed-content {
margin: 1rem 0; margin: 1rem 0;
line-height: 1.6; line-height: 1.6;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }
.nostr-mention { .nostr-mention {
@@ -194,6 +197,9 @@ body {
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
border-radius: 3px; border-radius: 3px;
font-size: 0.9rem; font-size: 0.9rem;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }
.nostr-mention:hover { .nostr-mention:hover {
@@ -204,7 +210,9 @@ body {
.nostr-link { .nostr-link {
color: #007bff; color: #007bff;
text-decoration: none; text-decoration: none;
word-break: break-all; word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }
.nostr-link:hover { .nostr-link:hover {
@@ -286,6 +294,9 @@ body {
color: #ccc; color: #ccc;
margin: 0.5rem 0; margin: 0.5rem 0;
line-height: 1.4; line-height: 1.4;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }
.bookmark-meta { .bookmark-meta {
@@ -318,6 +329,10 @@ body {
border: 1px solid #444; border: 1px solid #444;
transition: all 0.2s ease; transition: all 0.2s ease;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
overflow: hidden;
} }
.individual-bookmark:hover { .individual-bookmark:hover {
@@ -363,6 +378,9 @@ body {
margin: 0.75rem 0; margin: 0.75rem 0;
color: #ccc; color: #ccc;
line-height: 1.5; line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
} }
.individual-bookmark .bookmark-meta { .individual-bookmark .bookmark-meta {