feat: hide toc-bar in print mode, close #7

hikerpig · Oct 30, 2021 · 7b3b149 · 7b3b149
1 parent 6499839
commit 7b3b149
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/toc-bar.user.js b/toc-bar.user.js
@@ -446,6 +446,10 @@ a.toc-link {
 .is-active-link::before {
   background-color: var(--toc-bar-active-color);
 }
+
+@media print {
+  .toc-bar__no-print { display: none !important; }
+}
 /* end tocbot related */
 `
 
@@ -464,7 +468,7 @@ a.toc-link {
 
     this.element = document.createElement('div')
     this.element.id = 'toc-bar'
-    this.element.classList.add('toc-bar')
+    this.element.classList.add('toc-bar', 'toc-bar__no-print')
     document.body.appendChild(this.element)
 
     /** @type {Boolean} */