Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Left navigation is not displayed in Chrome #7104

Open
toshihirosatojp opened this issue Aug 13, 2024 · 2 comments
Open

[Bug]: Left navigation is not displayed in Chrome #7104

toshihirosatojp opened this issue Aug 13, 2024 · 2 comments

Comments

@toshihirosatojp
Copy link

toshihirosatojp commented Aug 13, 2024

Summary

Left navigation is not displayed in Chrome: Version 127.0.6533.100 (Official Build) (64-bit)
image

Page

https://react.dev/

Details

No response

@Rekl0w
Copy link
Contributor

Rekl0w commented Aug 13, 2024

Works for me.

@olibyte
Copy link

olibyte commented Sep 4, 2024

Could be intentional, due to a breakpoint lg:hidden in the TopNav.tsx component.
So on lg viewports and above, the hamburger on the left of the TopNav is hidden, while links on the right of the TopNav render.
Anything smaller and the hamburger menu renders on the left and right TopNav items are hidden.

'active:scale-95 transition-transform flex lg:hidden w-12 h-12 rounded-full items-center justify-center hover:bg-primary/5 hover:dark:bg-primary-dark/5 outline-link',

<div className="ps-3 xs:ps-5 xs:gap-0.5 xs:text-base overflow-x-auto flex flex-row lg:hidden text-base font-bold text-secondary dark:text-secondary-dark">

reactTopNav

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants