[PR #599] [MERGED] web: fix mobile layout and navigation issues #1431

New issue

Closed

opened 2026-03-14 09:36:18 +03:00 by kerem · 0 comments

kerem commented

2026-03-14 09:36:18 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/anomalyco/opentui/pull/599
Author: @simonklee
Created: 1/28/2026
Status: ✅ Merged
Merged: 1/29/2026
Merged by: @msmps

Base: main ← Head: web-mobile

📝 Commits (1)

bdb74ce web: fix mobile layout and navigation issues

📊 Changes

3 files changed (+79 additions, -26 deletions)

View changed files

📝 packages/web/src/layouts/Docs.astro (+27 -22)
📝 packages/web/src/pages/index.astro (+2 -2)
📝 packages/web/src/styles/global.css (+50 -2)

📄 Description

Tables in documentation pages overflow the viewport on mobile, causing
a page-level horizontal scrollbar. Wrap tables in scrollable
containers and add basic table styling.

Sidebar links only highlighted the active page for the first entry.
While at it, made sidebar links less gray by using --color-text
instead of --color-text-weak, and bump mobile font sizes for better
readability and touch targets.

Swap GitHub and Docs link order in the navigation bar on both the
landing page and docs layout (for priority). Add underline styling to
content links. Force code block background color to override Shiki
inline styles.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/anomalyco/opentui/pull/599 **Author:** [@simonklee](https://github.com/simonklee) **Created:** 1/28/2026 **Status:** ✅ Merged **Merged:** 1/29/2026 **Merged by:** [@msmps](https://github.com/msmps) **Base:** `main` ← **Head:** `web-mobile` --- ### 📝 Commits (1) - [`bdb74ce`](https://github.com/anomalyco/opentui/commit/bdb74ce745014af9a7993ca67b41b79cc058e7f6) web: fix mobile layout and navigation issues ### 📊 Changes **3 files changed** (+79 additions, -26 deletions) <details> <summary>View changed files</summary> 📝 `packages/web/src/layouts/Docs.astro` (+27 -22) 📝 `packages/web/src/pages/index.astro` (+2 -2) 📝 `packages/web/src/styles/global.css` (+50 -2) </details> ### 📄 Description Tables in documentation pages overflow the viewport on mobile, causing a page-level horizontal scrollbar. Wrap tables in scrollable containers and add basic table styling. Sidebar links only highlighted the active page for the first entry. While at it, made sidebar links less gray by using --color-text instead of --color-text-weak, and bump mobile font sizes for better readability and touch targets. Swap GitHub and Docs link order in the navigation bar on both the landing page and docs layout (for priority). Add underline styling to content links. Force code block background color to override Shiki inline styles. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>