davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

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
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>