SVG defintions always take the first one

* Move filter definition out

diff --git a/settings/js/apps.js b/settings/js/apps.js
index ac259dd7989be0edd29e0b31be480f98fe467564..80949e1dd74a50f09e8d0268c34c00df2925ab4d 100644 (file)
--- a/settings/js/apps.js
+++ b/settings/js/apps.js
@@ -238,7 +238,6 @@ OC.Settings.Apps = OC.Settings.Apps || {
                if (appfromstore) {
                        img += '<image x="0" y="0" width="72" height="72" preserveAspectRatio="xMinYMin meet" xlink:href="' + url + '"  class="app-icon" /></svg>';
                } else {
-                       img += '<defs><filter id="invertIcon"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"></feColorMatrix></filter></defs>';
                        img += '<image x="0" y="0" width="72" height="72" preserveAspectRatio="xMinYMin meet" filter="url(#invertIcon)" xlink:href="' + url + '"  class="app-icon"></image></svg>';
                }
                return img;

diff --git a/settings/templates/apps.php b/settings/templates/apps.php
index be8a911c1aa059646f95e85bac49ea140ccc02e5..ea62acd9945cdf987a01db4989275f04a452d511 100644 (file)
--- a/settings/templates/apps.php
+++ b/settings/templates/apps.php
@@ -180,6 +180,9 @@ script(
        </div>
 </div>
 <div id="app-content">
+       <svg height="0">
+               <defs><filter id="invertIcon"><feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"></feColorMatrix></filter></defs>
+       </svg>
        <div id="apps-list" class="icon-loading"></div>
        <div id="apps-list-empty" class="hidden emptycontent emptycontent-search">
                <div class="icon-search"></div>