editor icons replaced by SVG (visjs#31)

Author: r3code

examples/network/other/navigation.html

@@ -93,21 +93,21 @@ <h2>Navigation controls and keyboard navigation</h2>
   <table class="legend_table">
     <tr>
       <th>Icons: </th>
-      <td><img src="../../../dist/img/network/upArrow.png" />     </td>
-      <td><img src="../../../dist/img/network/downArrow.png" />   </td>
-      <td><img src="../../../dist/img/network/leftArrow.png" />   </td>
-      <td><img src="../../../dist/img/network/rightArrow.png" />  </td>
-      <td><img src="../../../dist/img/network/plus.png" />        </td>
-      <td><img src="../../../dist/img/network/minus.png" />       </td>
-      <td><img src="../../../dist/img/network/zoomExtends.png" /> </td>
+      <td><img src="../../../dist/img/network/upArrow.svg" />     </td>
+      <td><img src="../../../dist/img/network/downArrow.svg" />   </td>
+      <td><img src="../../../dist/img/network/leftArrow.svg" />   </td>
+      <td><img src="../../../dist/img/network/rightArrow.svg" />  </td>
+      <td><img src="../../../dist/img/network/plus.svg" />        </td>
+      <td><img src="../../../dist/img/network/minus.svg" />       </td>
+      <td><img src="../../../dist/img/network/zoomExtends.svg" /> </td>
     </tr>
     <tr>
       <th>Keyboard shortcuts:</th>
       <td><div>Up arrow</div></td>
       <td><div>Down arrow</div></td>
       <td><div>Left arrow</div></td>
       <td><div>Right arrow</div></td>
-      <td><div>=<br />[<br />Page up</div></td>
+      <td><div>+<br />[<br />Page up</div></td>
       <td><div>-<br />]<br />Page down</div></td>
       <td><div>None</div></td>
     </tr>

lib/network/img/acceptDeleteIcon.png

@@ -25,37 +25,37 @@ div.vis-network div.vis-navigation div.vis-button:active {
 }
 
 div.vis-network div.vis-navigation div.vis-button.vis-up {
-    background-image: url("img/network/upArrow.png");
+    background-image: url("img/network/upArrow.svg");
     bottom:50px;
     left:55px;
 }
 div.vis-network div.vis-navigation div.vis-button.vis-down {
-    background-image: url("img/network/downArrow.png");
+    background-image: url("img/network/downArrow.svg");
     bottom:10px;
     left:55px;
 }
 div.vis-network div.vis-navigation div.vis-button.vis-left {
-    background-image: url("img/network/leftArrow.png");
+    background-image: url("img/network/leftArrow.svg");
     bottom:10px;
     left:15px;
 }
 div.vis-network div.vis-navigation div.vis-button.vis-right {
-    background-image: url("img/network/rightArrow.png");
+    background-image: url("img/network/rightArrow.svg");
     bottom:10px;
     left:95px;
 }
 div.vis-network div.vis-navigation div.vis-button.vis-zoomIn {
-    background-image: url("img/network/plus.png");
+    background-image: url("img/network/plus.svg");
     bottom:10px;
     right:15px;
 }
 div.vis-network div.vis-navigation div.vis-button.vis-zoomOut {
-    background-image: url("img/network/minus.png");
+    background-image: url("img/network/minus.svg");
     bottom:10px;
     right:55px;
 }
 div.vis-network div.vis-navigation div.vis-button.vis-zoomExtends {
-    background-image: url("img/network/zoomExtends.png");
+    background-image: url("img/network/zoomExtends.svg");
     bottom:50px;
     right:15px;
 }