Icônes dans les onglets

Affiche des icônes pour chaque onglet.
BmdOnline · Feb 9, 2014 · 50ccd73 · 50ccd73
1 parent fd7f341
commit 50ccd73
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/teleinfo.css b/teleinfo.css
@@ -58,6 +58,10 @@ html.busy, html.busy * {
 
 
 /* JQuery UI */
+
+/* Icônes des onglets de navigation */
+.ui-tabs .ui-tabs-nav li a img { float: left; margin-right: 5px; margin-top: 5px}
+
 .ui-tooltip {
     font-size:0.8em;
     padding: 5px 20px;

diff --git a/tpl/files/desktop - onglets/header.html b/tpl/files/desktop - onglets/header.html
@@ -1,5 +1,5 @@
             <ul>
-                  <li><a href="#page0" id="nav_page0" data-icon="check">Instantan&eacute;</a></li>
-                  <li><a href="#page1" id="nav_page1" data-icon="clock">Aper&ccedil;u 24h</a></li>
-                  <li><a href="#page2" id="nav_page2" data-icon="calendar">Historiques</a></li>
+                  <li><a href="#page0" id="nav_page0" data-icon="check" ><img class="ui-icon ui-icon-check"/>Instantan&eacute;</a></li>
+                  <li><a href="#page1" id="nav_page1" data-icon="clock"><img class="ui-icon ui-icon-clock"/>Aper&ccedil;u 24h</a></li>
+                  <li><a href="#page2" id="nav_page2" data-icon="calendar"><img class="ui-icon ui-icon-calendar"/>Historiques</a></li>
             </ul>
diff --git a/tpl/files/header.html b/tpl/files/header.html
@@ -1,5 +1,5 @@
             <ul>
-                  <li><a href="#page0" id="nav_page0" data-icon="check">Instantan&eacute;</a></li>
-                  <li><a href="#page1" id="nav_page1" data-icon="clock">Aper&ccedil;u 24h</a></li>
-                  <li><a href="#page2" id="nav_page2" data-icon="calendar">Historiques</a></li>
+                  <li><a href="#page0" id="nav_page0" data-icon="check" ><img class="ui-icon ui-icon-check"/>Instantan&eacute;</a></li>
+                  <li><a href="#page1" id="nav_page1" data-icon="clock"><img class="ui-icon ui-icon-clock"/>Aper&ccedil;u 24h</a></li>
+                  <li><a href="#page2" id="nav_page2" data-icon="calendar"><img class="ui-icon ui-icon-calendar"/>Historiques</a></li>
             </ul>
diff --git a/tpl/teleinfo.tabs.html b/tpl/teleinfo.tabs.html
@@ -30,9 +30,9 @@
     <body>
         <div id="tabs">
             <ul>
-                  <li><a href="#page0" id="nav_page0" data-icon="check">Instantan&eacute;</a></li>
-                  <li><a href="#page1" id="nav_page1" data-icon="clock">Aper&ccedil;u 24h</a></li>
-                  <li><a href="#page2" id="nav_page2" data-icon="calendar">Historiques</a></li>
+                  <li><a href="#page0" id="nav_page0" data-icon="check" ><img class="ui-icon ui-icon-check"/>Instantan&eacute;</a></li>
+                  <li><a href="#page1" id="nav_page1" data-icon="clock"><img class="ui-icon ui-icon-clock"/>Aper&ccedil;u 24h</a></li>
+                  <li><a href="#page2" id="nav_page2" data-icon="calendar"><img class="ui-icon ui-icon-calendar"/>Historiques</a></li>
             </ul>
 
             <div id="page0"> <!-- Chart0 -->