History

node: use <details> for mjs vs. cjs

Simon Legner committed 1 year ago

Commit abf59541 parent 4dcf2372 files · +15 −5Browse files

Unified · Split

2 files
  1. assets/stylesheets/global/_base.scss +8 −0
  2. lib/docs/filters/node/clean_html.rb +7 −5
assets/stylesheets/global/_base.scss+8−0
@@ -123,6 +123,14 @@ pre, %pre { · 122 unmodified lines
123 @extend %box;123 @extend %box;
124}124}
125 125
126details:has(> pre) {
127 margin: 1.5em 0;
128
129 > pre {
130 margin: 0;
131 }
132}
133
126a > code { color: inherit; }134a > code { color: inherit; }
127 135
128table {136table {
lib/docs/filters/node/clean_html.rb+7−5
@@ -8,15 +8,17 @@ module Docs · 7 unmodified lines
8 next unless (node.css('code').to_a.length > 1)8 next unless (node.css('code').to_a.length > 1)
9 9
10 node.css('code').each do |subnode|10 node.css('code').each do |subnode|
11 node.before(subnode)
11 12
12 if subnode.classes.include?('mjs')13 if subnode.classes.include?('mjs')
13 node.before('<p class=module-type>MJS modules</p>')14 subnode.wrap('<details open>')
15 subnode.wrap('<pre>')
16 subnode.ancestors('details').first.prepend_child('<summary>JavaScript modules</summary>')
14 elsif subnode.classes.include?('cjs')17 elsif subnode.classes.include?('cjs')
15 node.before('<p class=module-type>CJS modules</p>')18 subnode.wrap('<details>')
19 subnode.wrap('<pre>')
20 subnode.ancestors('details').first.prepend_child('<summary>CommonJS</summary>')
16 end21 end
17
18 node.before(subnode)
19 subnode.wrap('<pre>')
20 end22 end
21 23
22 node.remove24 node.remove

Keyboard shortcuts

General

Show keyboard shortcuts
?
Focus the current search
/

Issues and pull requests

Open filters
f

Issues, pull requests and Inbox

Select next item
j↓
Select previous item
k↑
Open selected item
Enter
Dismiss filters or clear selection
Esc

Repository code

Go to file
t