Skip to content
This repository was archived by the owner on Oct 29, 2026. It is now read-only.

Fix Console command bar overlapping the side nav in landscape - #38

Merged
kukirin-ui merged 1 commit into
mainfrom
console-landscape-fix
Oct 13, 2026
Merged

kukirin-ui merged 1 commit into
mainfrom
console-landscape-fix

Conversation

@kukirin-ui

Copy link
Copy Markdown
Owner

In landscape (width >= 720px) the base #dock rule came after the wide-screen media query, so it overrode left/bottom and the command bar floated over the middle of the screen, covering the side nav.

  • Moved the wide-screen #dock override after the base rule: docked at the bottom of the main column, right of the side nav (left 116px, right 10px, bottom 10px + safe area).
  • Console output fills the space above it and scrolls (max-height based on viewport height).
  • Portrait unchanged.

Checked in headless Chrome at 1024x473 (landscape) and 473x1024 (portrait).

@kukirin-ui
kukirin-ui merged commit ba9b812 into main Oct 13, 2026
1 check passed
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant