Skip to content

fix: prevent horizontal scrollbar on mobile#14

Merged
ronaldtse merged 1 commit intomainfrom
fix/mobile-horizontal-scrollbar
Apr 29, 2026
Merged

fix: prevent horizontal scrollbar on mobile#14
ronaldtse merged 1 commit intomainfrom
fix/mobile-horizontal-scrollbar

Conversation

@ronaldtse
Copy link
Copy Markdown
Contributor

Fixes horizontal scrollbar on mobile caused by:

  • Homepage code snippets: Long XML code in the "How it Works" steps overflows on narrow screens. Added overflow-x: auto on pre blocks and overflow: hidden on the code panel for mobile.
  • Body overflow: Added overflow-x: hidden on html root to catch any other overflow sources.

Also pushed a matching fix to schema.unitsml.org (namespace URIs).

- Add overflow-x: auto on step code pre blocks
- Add overflow: hidden on steps-code-panel for mobile
- Add overflow-x: hidden on html root
@ronaldtse ronaldtse merged commit 67ddd56 into main Apr 29, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant