Close sidebar when click any blank part

[roastduckcd]

I agree and want to create new issue

• Yes, I was on Hexo Docs page, especially on Templates, Variables, Helpers and Troubleshooting.
• Yes, I was on NexT Documentation Site.
• And yes, I already searched for current issues and this is not help to me.

---

Expected behavior

can it possible to add a new feature about closing sidebar while click blank area?

Actual behavior

right now, it can only be done by clicking the "sidebar-toggle" button at the lower right.

Hexo Information

Hexo version

hexo: 3.8.0
hexo-cli: 1.1.0
os: Darwin 18.2.0 darwin x64
node: 11.7.0

NexT Information

NexT Version:

• Latest Master branch
• Latest Release version
• Old version

NexT Scheme:

• All schemes
• Muse
• Mist
• Pisces
• Gemini

[stevenjoezhang]

Clicking the "sidebar-toggle" button is not the only way to close the sidebar. It can be done by swiping over the screen:

hexo-theme-next/source/js/src/motion.js

Lines 128 to 134 in 7d7078c

	touchendHandler: function(e) {
	var _xPos = e.originalEvent.changedTouches[0].clientX;
	var _yPos = e.originalEvent.changedTouches[0].clientY;
	if (_xPos - xPos > 30 && Math.abs(_yPos - yPos) < 20) {
	this.clickHandler();
	}
	},

Also, the feature to close sidebar when click blank area is already enabled on mobile platform:
iissnan/hexo-theme-next@3a3b864
See:

hexo-theme-next/source/js/src/motion.js

Lines 90 to 96 in 7d7078c

	this.toggleEl.on('click', this.clickHandler.bind(this));
	this.dimmerEl.on('click', this.clickHandler.bind(this));
	this.toggleEl.on('mouseenter', this.mouseEnterHandler.bind(this));
	this.toggleEl.on('mouseleave', this.mouseLeaveHandler.bind(this));
	this.sidebarEl.on('touchstart', this.touchstartHandler.bind(this));
	this.sidebarEl.on('touchend', this.touchendHandler.bind(this));
	this.sidebarEl.on('touchmove', function(e) { e.preventDefault(); });

[stevenjoezhang]

Fixed in #607