Hide manual jqplay button and navigation in print mode

diff --git a/docs/public/css/base.scss b/docs/public/css/base.scss
index f7f147225643a9f086f90facc6614992f4c39c78..81eaa3ec6a8aa4434b630226542f5b40b24a4d19 100644 (file)
--- a/docs/public/css/base.scss
+++ b/docs/public/css/base.scss
@@ -103,13 +103,6 @@ h3 code {
     margin-bottom: 20px;
 }
 
-@media print {
-    .manual-example {
-        display: block !important;
-        height: auto !important;
-    }
-}
-
 .manual-example table {
     border-top: 1px solid #E5E5E5;
     td {
@@ -125,6 +118,19 @@ h3 code {
     }
 }
 
+@media print {
+    #navcolumn {
+        display: none !important;
+    }
+    .manual-example {
+        display: block !important;
+        height: auto !important;
+    }
+    .jqplay-btn {
+        display: none !important;
+    }
+}
+
 /* shared/_footer.liquid **********************************/
 
 footer {

diff --git a/docs/public/js/manual-search.js b/docs/public/js/manual-search.js
index 56f571b468f0970518e20d4fd813146f53037ce6..adda0c8f9b6fa38697de59580225f3b4e3d71972 100644 (file)
--- a/docs/public/js/manual-search.js
+++ b/docs/public/js/manual-search.js
@@ -15,6 +15,6 @@ $(function() {
     var q = $value.find('.jqprogram').text().replace(/^jq /, '').replace(/^'(.+)'$/, '$1');
     var url = 'https://jqplay.org/jq?q=' + encodeURIComponent(q) +'&j=' + encodeURIComponent(j)
     var $last_tr = $value.find('tr:last');
-    $last_tr.after('<tr><th><a href="' + url + '" class="btn btn-primary btn-sm">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
+    $last_tr.after('<tr class="jqplay-btn"><th><a href="' + url + '" class="btn btn-primary btn-sm">Run</a></th><th></th></tr><tr><th></th><th></th></tr>');
   });
 });