diff options
| author | Claude <noreply@anthropic.com> | 2026-02-27 15:38:08 +0000 |
|---|---|---|
| committer | Claude <noreply@anthropic.com> | 2026-02-27 15:38:08 +0000 |
| commit | 2802ccf8c1212e5ef49226e7063fbf008ea4c13e (patch) | |
| tree | bed0c04c4a7b89e929c1b0ca487eeab689515eb8 /frontend-vanilla/src/style.css | |
| parent | fea87c9814618646489d8403d584da25a38e6ba7 (diff) | |
| download | neko-2802ccf8c1212e5ef49226e7063fbf008ea4c13e.tar.gz neko-2802ccf8c1212e5ef49226e7063fbf008ea4c13e.tar.bz2 neko-2802ccf8c1212e5ef49226e7063fbf008ea4c13e.zip | |
Fix mobile horizontal scrolling caused by wide RSS content
RSS feeds can contain tables, iframes, and other elements with explicit
widths that overflow the viewport on mobile. Added overflow-x: hidden to
.item-description and .main-content, and extended max-width: 100% to
cover table and iframe elements inside item descriptions.
Includes TDD tests verifying the CSS containment rules.
https://claude.ai/code/session_0141nhxmYfoFPVPZ813K1XFD
Diffstat (limited to 'frontend-vanilla/src/style.css')
| -rw-r--r-- | frontend-vanilla/src/style.css | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index 27a8d28..4d69390 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -288,6 +288,7 @@ html { width: 100%; height: 100%; min-width: 0; + overflow-x: hidden; overflow-y: auto; background-color: var(--bg-color); padding: 1.5rem 2rem; @@ -517,6 +518,7 @@ select:focus { margin-top: 1rem; overflow-wrap: break-word; word-break: break-word; + overflow-x: hidden; } .item-description a { @@ -526,7 +528,9 @@ select:focus { .item-description img, .item-description video, -.item-description pre { +.item-description pre, +.item-description table, +.item-description iframe { max-width: 100%; height: auto; display: block; |