refactor: improvement Table of Content usage in Usage Tab

[iyu88]

📝 Description

• Improve the discomfort felt in the Table of Contents (hereinafter referred to as "TOC") on the right side while using Chakra-ui-docs.

⛳️ Current behavior (updates)

• There is a problem that the selected text is not accurately highlighted (being bold) when you click the menu in TOC.
• There is also a problem that \

  Usage\

  does not come up to the top normally when the 'Usage' menu is pressed.

🚀 New behavior

• When you click the TOC menu, the menu you click is highlighted normally and works as intended.
• No matter which TOC menu is pressed, the scroll is moved so that the corresponding h-tag is positioned top.

💣 Is this a breaking change (Yes/No):

• No

📝 Additional Information

Currently, TOC does NOT work when user select Props or Theming tab. Because even user select other tabs, Usage container still remains on DOM structure and interferes with the use of TOC. I think we need a new issue for that function.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
chakra-ui-docs	✅ Ready (Inspect)	Visit Preview	Jan 23, 2024 8:57am