aljaz/debug-rss
1
0
Fork 0
mirror of https://github.com/aljazceru/debug-rss.git synced 2025-12-19 18:44:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix text overflow issues in field and meta values

Browse Source 
- Added overflow-wrap: break-word to .meta-value and .field-value for better text wrapping
- Added max-width: 100% to prevent horizontal overflow
- Added overflow: hidden to .item-field and .meta-item containers
- Added word-break: break-all to links to handle very long URLs
- Ensures all feed data is visible without causing layout breaks
This commit is contained in:
Claude
2025-11-23 06:10:48 +00:00
parent 945f4bac1f
commit 3282a75286
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -188,6 +188,7 @@
padding: 10px; padding: 10px;
background: #f9f9f9; background: #f9f9f9;
border-radius: 5px; border-radius: 5px;
overflow: hidden;
} }
.meta-label { .meta-label {
@@ -198,6 +199,8 @@
.meta-value { .meta-value {
color: #333; color: #333;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word;
max-width: 100%;
} }
.item { .item {
@@ -218,6 +221,7 @@
padding: 8px; padding: 8px;
background: white; background: white;
border-radius: 3px; border-radius: 3px;
overflow: hidden;
} }
.field-name { .field-name {
@@ -231,11 +235,15 @@
color: #555; color: #555;
font-size: 14px; font-size: 14px;
word-break: break-word; word-break: break-word;
overflow-wrap: break-word;
max-width: 100%;
} }
.field-value a { .field-value a {
color: #667eea; color: #667eea;
text-decoration: none; text-decoration: none;
word-break: break-all;
overflow-wrap: break-word;
} }
.field-value a:hover { .field-value a:hover {