Feature: Close sidebar when click any blank part (#606)

[stevenjoezhang]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines.
• Tests for the changes was maked (for bug fixes / features).
  • Muse | Mist have been tested.
  • Pisces | Gemini have been tested.
• Docs in NexT website have been added / updated (for new features).

PR Type

What kind of change does this PR introduce?

• Bugfix.
• Feature.
• Code style update (formatting, local variables).
• Refactoring (no functional changes, no api changes).
• Build related changes.
• CI related changes.
• Documentation content changes.
• Other... Please describe:

What is the current behavior?

Issue resolved #606

What is the new behavior?

Description about this pull, in several words...

• Screens with this changes: N/A
• Link to demo site with this changes: N/A

How to use?

In NexT _config.yml:

...

Does this PR introduce a breaking change?

• Yes.
• No.

[ivan-nginx]

1. It seems only for Muse | Mist this feature can work. Or not?
2. This must be an option, i think. Because some peoples want to open sidebar and continue reading.

[stevenjoezhang]

Yes, only for Muse | Mist. And I think an extra option in _config.yml is not necessary. The new behavior is that:

• On desktop platform, if the sidebar is opened, you can continue reading by scroll down the page; and you can close it by click any blank part
• On mobile platform, it's the same as current behavior, sidebar-dimmer was first introduced in iissnan/hexo-theme-next@3a3b864

[ivan-nginx]

• On desktop platform, if the sidebar is opened, you can continue reading by scroll down the page; and you can close it by click any blank part

Some peoples like to read and allocate text. So, sidebar will also closed out and TOC will not have weight.

[stevenjoezhang]

Ahh, that's right, I'll add an option to let users decide how the sidebar works

[ivan-nginx]

Also, can u add docs in NexT website how to use this feature?