[devdocsgjs/main: 1682/1867] Improve jq examples: simplify HTML, add %pre CSS

[Andy Holmes <andyholmes src gnome org>]

commit 7269d5431fef4748dd248e70a74a74d33ade63fb
Author: Cimbali <me cimba li>
Date:   Thu May 27 14:09:21 2021 +0200

    Improve jq examples: simplify HTML, add %pre CSS

 assets/stylesheets/application.css.scss |  1 +
 assets/stylesheets/pages/_jq.scss       | 26 ++++++++++++++++++++++++++
 lib/docs/filters/jq/clean_html.rb       | 14 +++++++++++++-
 lib/docs/scrapers/jq.rb                 |  2 +-
 4 files changed, 41 insertions(+), 2 deletions(-)
---
diff --git a/assets/stylesheets/application.css.scss b/assets/stylesheets/application.css.scss
index 94881c2e..0243afeb 100644
--- a/assets/stylesheets/application.css.scss
+++ b/assets/stylesheets/application.css.scss
@@ -67,6 +67,7 @@
         'pages/haproxy',
         'pages/haskell',
         'pages/jekyll',
+        'pages/jq',
         'pages/jquery',
         'pages/julia',
         'pages/knockout',
diff --git a/assets/stylesheets/pages/_jq.scss b/assets/stylesheets/pages/_jq.scss
new file mode 100644
index 00000000..65252223
--- /dev/null
+++ b/assets/stylesheets/pages/_jq.scss
@@ -0,0 +1,26 @@
+._jq {
+  @extend %simple;
+
+  .manual-example table {
+         border: none;
+
+         & td {
+                 @extend %pre;
+                 &.jqprogram { font-weight: bold; }
+                 border: none;
+         }
+
+         & th {
+                 color: var(--textColor);
+                 background: var(--contentBackground);
+                 text-align: right;
+                 border: none;
+         }
+
+         & tr:not(:first-child) th:not(:empty) {
+                 &, & + td {
+                         border-top: 1px solid var(--boxBorder);
+                 }
+         }
+  }
+}
diff --git a/lib/docs/filters/jq/clean_html.rb b/lib/docs/filters/jq/clean_html.rb
index e3c9f650..036ee866 100644
--- a/lib/docs/filters/jq/clean_html.rb
+++ b/lib/docs/filters/jq/clean_html.rb
@@ -2,7 +2,19 @@ module Docs
   class Jq
     class CleanHtmlFilter < Filter
       def call
-        at_css('div#manualcontent')
+        content = at_css('div#manualcontent')
+
+        css('.manual-example').each do |node|
+          container = node.parent
+          example_header = doc.document.create_element('h4')
+          example_header.content = container.at_css('a[data-toggle="collapse"]').content
+          node.children.before(example_header)
+
+          node.remove_class('collapse')
+          container.replace(node)
+        end
+
+        content
       end
     end
   end
diff --git a/lib/docs/scrapers/jq.rb b/lib/docs/scrapers/jq.rb
index 4a733505..5125b863 100644
--- a/lib/docs/scrapers/jq.rb
+++ b/lib/docs/scrapers/jq.rb
@@ -2,7 +2,7 @@ module Docs
   class Jq < UrlScraper
     self.name = 'jq'
     self.slug = 'jq'
-    self.type = 'simple'
+    self.type = 'jq'
     self.release = '1.6'
     self.links = {
       home: 'https://stedolan.github.io/jq/'