update filetypes icon

appinfo/app.php

@@ -15,6 +15,7 @@ use OCP\AppFramework\App;
 
 use OCP\Util;
 Util::addScript('gpxedit', 'filetypes');
+Util::addStyle('gpxedit', 'style');
 
 $app = new Application();
 $container = $app->getContainer();

css/gpxedit.css

@@ -925,3 +925,7 @@ div#ho button {
 input[type=checkbox] {
     cursor: pointer;
 }
+/* jquery dialog */
+.ui-dialog{
+    z-index: 2001 !important ;
+}

css/style.css

@@ -1,30 +1,3 @@
-#hello {
-    color: red;
-}
-#app-navigation *, #app-settings *{
-    width:2px;
-    z-index:-10;
-}
-#app-navigation, #app-settings{
-    width:2px;
-}
-
-#app *{
-    box-sizing: border-box;
-}
-
-#map *{
-    box-sizing: content-box;
-}
-#gpxlist td{
-    word-wrap: break-word;
-    white-space: normal;
-}
-#gpxlist a{
-    color: blue;
-    text-decoration: underline;
-}
-/* jquery dialog */
-.ui-dialog{
-    z-index: 2001 !important ;
+.icon-gpxedit-black {
+    background-image: url("app_black.svg");
 }

js/filetypes.js

@@ -11,7 +11,7 @@ $(document).ready(function() {
                 displayName: t('gpxedit','Load in GpxEdit'),
                 mime: 'httpd/unix-directory',
                 permissions: OC.PERMISSION_READ,
-                icon: function () {return OC.imagePath('gpxedit', 'app_black');},
+                iconClass: 'icon-gpxedit-black',
                 actionHandler: function(file, data){
                     var dir;
                     if (data.dir === '/'){
@@ -36,7 +36,7 @@ $(document).ready(function() {
             displayName: t('gpxedit', 'Edit with GpxEdit'),
             mime: 'application/gpx+xml',
             permissions: OC.PERMISSION_READ,
-            icon: function () {return OC.imagePath('gpxedit', 'app_black');},
+            iconClass: 'icon-gpxedit-black',
             actionHandler: openFile
         });
     }