MightyPork/datatable.directory
1
0
Fork 1
Code Issues 25 Pull Requests Releases Wiki Activity

improve public table listing

Browse Source
This commit is contained in:
MightyPork
2018-07-29 13:08:00 +02:00
parent e81ab50e8c
commit 550cf30654
11 changed files with 54 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/fonts/fa-dtbl-1-preview.html
+22 -7
View File
@@ -184,6 +184,7 @@
.fa-star-o:before,
.fa-table:before,
.fa-th-list:before,
.fa-user:before,
.fa-user-circle-o:before,
.fa-user-plus:before,
.fa-users:before {
@@ -224,9 +225,10 @@
.fa-star-o:before { content: "\f114"; }
.fa-table:before { content: "\f115"; }
.fa-th-list:before { content: "\f116"; }
.fa-user-circle-o:before { content: "\f117"; }
.fa-user-plus:before { content: "\f118"; }
.fa-users:before { content: "\f119"; }
.fa-user:before { content: "\f117"; }
.fa-user-circle-o:before { content: "\f118"; }
.fa-user-plus:before { content: "\f119"; }
.fa-users:before { content: "\f11a"; }
</style>
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -242,7 +244,7 @@
<body class="characters-off">
<div id="page" class="container">
<header>
<h1>fa-dtbl-1 contains 26 glyphs:</h1>
<h1>fa-dtbl-1 contains 27 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header>
@@ -548,6 +550,19 @@
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span>
</div>
<div class="preview-scale">
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span>
@@ -557,7 +572,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-circle-o" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
</div>
</div>
@@ -570,7 +585,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-plus" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
</div>
</div>
@@ -583,7 +598,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-users" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
</div>
</div>