add tab icons

localjo · localjo · commit 72edecb7d7f5 · 2014-07-10T15:03:26.000-04:00
diff --git a/views/devpanel.css b/views/devpanel.css
@@ -7,6 +7,42 @@ body, html {
   right: 0;
 }
 
+@font-face {
+	font-family: 'solidusicons';
+	src:url('solidusicons.woff?8i2fev') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+	font-family: 'solidusicons';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+[class^="icon-"]:before {  
+  margin-right: 1em;
+}
+
+.icon-console:before {
+	content: "\e603";
+}
+.icon-info:before {
+	content: "\e601";
+}
+.icon-json:before {
+	content: "\e602";
+}
+
+
 .scroll-panel {
   height: 100%;
   overflow: scroll;
diff --git a/views/devpanel.html b/views/devpanel.html
@@ -15,9 +15,9 @@
 <body>
   <div class="sidetab-column col-xs-3">
     <ul class="nav nav-tabs tabs-left" id="panelTabs">
-      <li><a href="#context" data-toggle="tab">Context</a></li>
-      <li><a href="#logs" data-toggle="tab">Logs</a></li>
-      <li><a href="#info" data-toggle="tab">Info</a></li>
+      <li><a href="#context" data-toggle="tab"><span class="icon-json"></span> Context</a></li>
+      <li><a href="#logs" data-toggle="tab"><span class="icon-console"></span> Logs</a></li>
+      <li><a href="#info" data-toggle="tab"><span class="icon-info"></span> Info</a></li>
     </ul>
   </div>
   <div class="panel-column col-xs-9">
diff --git a/views/solidusicons.woff b/views/solidusicons.woff
