-
-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
babf760
commit 9eac86a
Showing
2 changed files
with
66 additions
and
9 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -25,11 +25,11 @@ | |
property="og:image" | ||
content="https://raw.githubusercontent.com/marcantondahmen/sortable-tree/master/assets/readme.png" | ||
/> | ||
<link rel="stylesheet" href="demo.css?t=1690815954740" /> | ||
<link rel="stylesheet" href="demo.css?t=1690819254830" /> | ||
<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/highlightjs-line-numbers.min.js"></script> | ||
<script defer src="demo.js?t=1690815954740"></script> | ||
<link href="sortable-tree.css?5c49ea60695ca4878e2f" rel="stylesheet"><script src="sortable-tree.js?5c49ea60695ca4878e2f"></script></head> | ||
<script defer src="demo.js?t=1690819254830"></script> | ||
<link href="sortable-tree.css?6cd3fdb2b7f0caa7d2f9" rel="stylesheet"><script src="sortable-tree.js?6cd3fdb2b7f0caa7d2f9"></script></head> | ||
<body> | ||
<nav> | ||
<span> | ||
|
@@ -229,8 +229,8 @@ <h2>No Theme</h2> | |
<p> | ||
By default, the included styles only cover the most basic | ||
functionality such as collapsing and indentation. You can | ||
assign your CSS classes to the rendered elements as well as | ||
fully customize the render function. Without any theming, | ||
assign your own CSS classes to the rendered elements as well | ||
as fully customize the render function. Without any theming, | ||
the generated tree looks as follows. In addition to that, | ||
the basic styles are controlled by | ||
<a | ||
|
@@ -242,6 +242,14 @@ <h2>No Theme</h2> | |
</p> | ||
<demo-embed name="unstyled"></demo-embed> | ||
<div id="tree-unstyled"></div> | ||
|
||
<h2>Custom Theme</h2> | ||
<p> | ||
The theme that is used here on this example page can be | ||
found in the repository and serves as a good boiler plate | ||
for custom themes. | ||
</p> | ||
<script src="https://marcantondahmen.github.io/emgithub/embed-v2.js?target=https%3A%2F%2Fgithub.com%2Fmarcantondahmen%2Fsortable-tree%2Fblob%2Fmaster%2Fdemo%2Ftree.less%3Fts%3D2&style=dark&type=code&showLineNumbers=on&showFullPath=on&showCopy=on"></script> | ||
</main> | ||
</div> | ||
</body> | ||
|