v3.0.Beta Icoontjes werken niet in Safari. Nu wel.

Author: mrWheel

data/DSMRindex.html.inc

@@ -36,11 +36,9 @@
       <a id='bFieldsTab'    class='nav-item tabButton'>all Fields</a>
       <a id='bSysInfoTab'   class='nav-item tabButton'>Systeem Info</a>
       <a id='bAPIdocTab'    class='nav-item tabButton'>API Docs</a>
-      <a id='FSmanager'    class='nav-img'>
-                      <img src='/FSmanager.png' alt=''>&#128452;</a>
+      <a id='FSmanager'     class='nav-img'>&#128452; &nbsp;</a>
 
-      <a id='Settings'      class='nav-img'>
-                      <img src='/settings.png' alt=''>&#9935;</a>
+      <a id='Settings'      class='nav-img'>&#9935; &nbsp;</a>
 
 <!--      
       <div class="wrapper">

edge/DSMRindex.css

@@ -244,10 +244,12 @@ input {
 }
 
 /* animated icons on menu bar */
+/*
 .default,
 .hover {
   font-size: 20px;
   cursor:pointer;
+  -webkit-appearance: none;
 }
 .hover {
   overflow: hidden;
@@ -257,15 +259,21 @@ input {
   left: 0;
   top: 0;
   white-space: nowrap;
+  cursor:pointer;
+  -webkit-appearance: none;
 }
 .wrapper {
   position: relative;
   display: inline-block;
+  cursor:pointer;
+  -webkit-appearance: none;
 }
 .wrapper:hover .hover {
   width: 100%;
+  cursor:pointer;
+  -webkit-appearance: none;
 }
-
+*/
 /* define tag selectors () -------------------------------------------------- */
 
 button { width: 100px; }

edge/DSMRindex.html.inc

@@ -36,20 +36,20 @@
       <a id='bFieldsTab'    class='nav-item tabButton'>all Fields</a>
       <a id='bSysInfoTab'   class='nav-item tabButton'>Systeem Info</a>
       <a id='bAPIdocTab'    class='nav-item tabButton'>API Docs</a>
-<!--
-      <a id='FSmanager'    class='nav-img'>
-                      <img src='/FSmanager.png' alt='FSmanager'></a>
-      <a id='Settings'      class='nav-img'>
-                      <img src='/settings.png' alt='Settings'></a>
--->
+      <a id='FSmanager'     class='nav-img'>&#128452; &nbsp;</a>
+
+      <a id='Settings'      class='nav-img'>&#9935; &nbsp;</a>
+
+<!--      
       <div class="wrapper">
-      <div id='FSmanager2'    class='default'>&#128452; &nbsp;</div>
-      <div id='FSmanager'   class='hover'>&#128452; &nbsp;</div>
+        <div id='FSmanager2'  class='default'>&nbsp; &#128452; &nbsp;</div>
+        <div id='FSmanager'   class='hover'>&nbsp; &#128452; &nbsp;</div>
       </div>
       <div class="wrapper">
-      <div id='Settings2'    class='default'>&#9935; &nbsp;</div>
-      <div id='Settings'    class='hover'>&#9935; &nbsp;</div>
+        <div id='Settings2'   class='default'>&nbsp; &#9935; &nbsp;</div>
+        <div id='Settings'    class='hover'>&nbsp; &#9935; &nbsp;</div>
       </div>
+-->
     </div>
   </div>
   <!-- END Tabbladen -->
@@ -355,10 +355,10 @@
 
   </span> <!-- end Settings Page -->
 
-  <!-- -->
-  <script src="https://cdn.jsdelivr.net/gh/mrWheel/DSMRloggerAPI@master/edge/DSMRindex.min.js"></script>
+  <!--
+  <script src="https://cdn.jsdelivr.net/gh/mrWheel/DSMRloggerAPI@master/edge/DSMRedge.js"></script>
   <script src="https://cdn.jsdelivr.net/gh/mrWheel/DSMRloggerAPI@master/edge/DSMRgraphics.min.js"></script>
-  <!-- -->
+  -->
 
 <!--
 ***************************************************************************