-> v1.7.3

* Fix option is an empty string

* Fix test

* Add hr style #54

* Tweak hr style

CHANGELOG.md

@@ -1,3 +1,12 @@
+## 1.7.3
+### Bug fixes
+- Add `hr` style
+- Fixed option is an empty string
+
+## 1.7.2
+### Bug fixes
+- Fix sidebar click event in mobile browser.
+
 ## 1.7.1
 ### Bug fixes
 - Fix sidebar style in mobile browser.

docs/_coverpage.md

@@ -1,6 +1,6 @@
 ![logo](_media/icon.svg)
 
-# docsify <small>1.7.1</small>
+# docsify <small>1.7.3</small>
 
 > A magical documentation site generator.
 

lib/docsify.js

@@ -273,9 +273,9 @@ function bindToggle (dom) {
 
   if (isMobile()) {
     var sidebar = document.querySelector('aside.sidebar');
-    document.body.addEventListener('click', function (e) {
-      if (e.target !== dom && !dom.contains(e.target)) { body.classList.toggle('close'); }
-      if (sidebar.contains(e.target)) { setTimeout(function () { return activeLink(sidebar, true); }, 0); }
+    sidebar.addEventListener('click', function () {
+      body.classList.toggle('close');
+      setTimeout(function () { return activeLink(sidebar, true); }, 0);
     });
   }
 }
@@ -2703,7 +2703,7 @@ var script = document.currentScript || [].slice.call(document.getElementsByTagNa
 if (script) {
   for (var prop in OPTIONS) {
     var val = script.getAttribute('data-' + camel2kebab(prop));
-    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (val || true);
+    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (typeof OPTIONS[prop] === 'string' ? val : true);
   }
   if (OPTIONS.loadSidebar === true) { OPTIONS.loadSidebar = '_sidebar.md'; }
   if (OPTIONS.loadNavbar === true) { OPTIONS.loadNavbar = '_navbar.md'; }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docsify",
-  "version": "1.7.1",
+  "version": "1.7.3",
   "description": "A magical documentation generator.",
   "main": "lib/docsify.js",
   "files": [

src/event.js

@@ -107,9 +107,9 @@ export function bindToggle (dom) {
 
   if (isMobile()) {
     const sidebar = document.querySelector('aside.sidebar')
-    document.body.addEventListener('click', e => {
-      if (e.target !== dom && !dom.contains(e.target)) body.classList.toggle('close')
-      if (sidebar.contains(e.target)) setTimeout(() => activeLink(sidebar, true), 0)
+    sidebar.addEventListener('click', () => {
+      body.classList.toggle('close')
+      setTimeout(() => activeLink(sidebar, true), 0)
     })
   }
 }

src/index.js

@@ -25,7 +25,7 @@ const script = document.currentScript || [].slice.call(document.getElementsByTag
 if (script) {
   for (const prop in OPTIONS) {
     const val = script.getAttribute('data-' + camel2kebab(prop))
-    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (val || true)
+    OPTIONS[prop] = isNil(val) ? OPTIONS[prop] : (typeof OPTIONS[prop] === 'string' ? val : true)
   }
   if (OPTIONS.loadSidebar === true) OPTIONS.loadSidebar = '_sidebar.md'
   if (OPTIONS.loadNavbar === true) OPTIONS.loadNavbar = '_navbar.md'

src/themes/basic/_layout.css

@@ -287,6 +287,12 @@ body.sticky {
   }
 }
 
+.markdown-section hr {
+  border: none;
+  margin: 2em 0;
+  border-bottom: 1px solid #eee;
+}
+
 .markdown-section table {
   display: block;
   width: 100%;

src/themes/buble.css

@@ -28,7 +28,7 @@ $sidebar-width: 16em;
     padding: 0;
   }
 
-  .active {
+  li.active {
     background-color: #eee;
 
     a {