Skip to content

Hide Themes navigation link on small screens#1284

Merged
mstijak merged 2 commits intomasterfrom
claude/typescript-migration-fixes-011CUP5qiKX5FsZNdLDtujNv
Mar 9, 2026
Merged

Hide Themes navigation link on small screens#1284
mstijak merged 2 commits intomasterfrom
claude/typescript-migration-fixes-011CUP5qiKX5FsZNdLDtujNv

Conversation

@mstijak
Copy link
Copy Markdown
Member

@mstijak mstijak commented Mar 9, 2026

The Themes page doesn't display properly on mobile devices due to
limited screen space. This change hides the link on small screens
while keeping it visible on tablets and larger devices.

Changes:

  • Add hideOnMobile property to NavItem type definition
  • Mark Themes navigation item as hideOnMobile
  • Update NavItem component to support hideOnMobile prop
  • Apply 'hidden md:block' classes to hide on mobile
  • Update Sidebar to pass hideOnMobile to NavItem components

The link is now hidden below md breakpoint (< 768px) and visible
on medium screens and above.

The Themes page doesn't display properly on mobile devices due to
limited screen space. This change hides the link on small screens
while keeping it visible on tablets and larger devices.

Changes:
- Add hideOnMobile property to NavItem type definition
- Mark Themes navigation item as hideOnMobile
- Update NavItem component to support hideOnMobile prop
- Apply 'hidden md:block' classes to hide on mobile
- Update Sidebar to pass hideOnMobile to NavItem components

The link is now hidden below md breakpoint (< 768px) and visible
on medium screens and above.
@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 9, 2026

Deploy Preview for cxjs-docs ready!

Name Link
🔨 Latest commit f88b0e2
🔍 Latest deploy log https://app.netlify.com/projects/cxjs-docs/deploys/69aea86714484000088acdb2
😎 Deploy Preview https://deploy-preview-1284--cxjs-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Import Button.variables.scss to provide $cx-default-button-border-width
and $cx-default-button-border-color variables that are used for input tags.

https://claude.ai/code/session_011CUP5qiKX5FsZNdLDtujNv
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented Mar 9, 2026

Deploying cxjs with  Cloudflare Pages  Cloudflare Pages

Latest commit: f88b0e2
Status:🚫  Build failed.

View logs

@mstijak mstijak merged commit 9119457 into master Mar 9, 2026
6 of 7 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.

2 participants