Skip to content

feat: make UnitsDB interface responsive with mobile-first CSS#15

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

feat: make UnitsDB interface responsive with mobile-first CSS#15
ronaldtse merged 1 commit intomainfrom
fix/mobile-horizontal-scrollbar

Conversation

@ronaldtse
Copy link
Copy Markdown
Contributor

Fixes mobile responsiveness issues:

  • UnitsDBBrowser: Mobile-first layout with scrollable table wrappers, stats bar, and search box. Desktop styles apply at 768px breakpoint.
  • UnitsDBEntityDetail: Single-column layout on mobile, 2-column at 900px. Properties grid is 1-col on mobile, 2-col at 640px. Scrollable breadcrumb on mobile.
  • custom.css: Move overflow-x: hidden from html to body to fix sticky navbar scrolling away on mobile (caused by position: fixed breaking when html has overflow-x: hidden).

- UnitsDBBrowser: mobile-first layout with scrollable table wrappers,
  stats bar, and search box; desktop styles at 768px breakpoint
- UnitsDBEntityDetail: single-column layout on mobile, 2-column at
  900px; properties grid 1-col mobile, 2-col at 640px; scrollable
  breadcrumb on mobile
- custom.css: move overflow-x hidden from html to body to fix sticky
  navbar scrolling away on mobile
@ronaldtse ronaldtse merged commit 006cf83 into main Apr 29, 2026
6 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