HEIGE-PCloud / DoIt

A clean, elegant and advanced blog theme for Hugo.
https://hugodoit.pages.dev
MIT License
795 stars 196 forks source link

[FEATURE] Display TOC using a drawer component on mobile #1221

Open HEIGE-PCloud opened 7 months ago

HEIGE-PCloud commented 7 months ago

Describe the feature you want 描述你的功能需求

Something like this https://mui.com/material-ui/react-drawer/

The open button will be on top of the return-to-top button.

Useful reference 有价值的参考

https://github.com/HEIGE-PCloud/DoIt/issues/757

HEIGE-PCloud commented 7 months ago

https://github.com/wes-goulet/side-drawer

I also need to solve the toc id issue https://discourse.gohugo.io/t/tableofcontents-without-tableofcontents-id/23529/2

HEIGE-PCloud commented 6 months ago

Should use https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog instead