errilaz/98se.css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add support for expandable file tree with details

Browse source
This commit is contained in:
Mu-An Chiou 2020-04-26 23:07:20 -04:00
parent 6f56cce053
commit c258457c9e
No known key found for this signature in database
GPG key ID: CD0B1EEC7A35239E
2 changed files with 63 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

35
docs/index.html.ejs
View file

@ -586,6 +586,10 @@
(no class needed on these). This will provide them with a nice dotted
border and indentation to illustrate the structure of the tree.
</p>
<p>
To create expandable sections, wrap child lists inside of
<code>details</code> elements.
</p>
<%- example(`
<ul class="tree-view">
@ -600,10 +604,33 @@
</ul>
</li>
<li>
JavaScript
<ul>
<li>Avoid at all costs</li>
</ul>
<details open>
<summary>JavaScript</summary>
<ul>
<li>Avoid at all costs</li>
<li>
<details>
<summary>Unless</summary>
<ul>
<li>Avoid</li>
<li>
<details>
<summary>At</summary>
<ul>
<li>Avoid</li>
<li>At</li>
<li>All</li>
<li>Cost</li>
</ul>
</details>
</li>
<li>All</li>
<li>Cost</li>
</ul>
</details>
</li>
</ul>
</details>
</li>
<li>HTML</li>
<li>Special Thanks</li>