[SSE mobile] updated icons

apps/spreadsheeteditor/mobile/app/template/AddFunction.template

@@ -12,7 +12,7 @@
                                 <div class="item-content">
                                     <div class="item-inner">
                                         <div class="item-title"><%= f.caption %></div>
-                                        <div class="item-after"><span class="info"></span></div>
+                                        <div class="item-after"><i class="icon icon-info"></i></div>
                                     </div>
                                 </div>
                             </a>
@@ -61,7 +61,7 @@
                                 <div class="item-content">
                                     <div class="item-inner">
                                         <div class="item-title"><%= f.caption %></div>
-                                        <div class="item-after"><span class="info"></span></div>
+                                        <div class="item-after"><i class="icon icon-info"></i></div>
                                     </div>
                                 </div>
                             </a>

apps/spreadsheeteditor/mobile/app/view/add/AddFunction.js

@@ -85,7 +85,7 @@ define([
             initEvents: function () {
                 var me = this;
 
-                $('.settings').single('click', '.function .info', this.onFunctionInfoClick.bind(this))
+                $('.settings').single('click', '.function .icon-info', this.onFunctionInfoClick.bind(this))
                                 .on('click', '.function > a', this.onFunctionClick.bind(this));
                 $('.groups a.group').single('click', this.onGroupClick.bind(this));
 

apps/spreadsheeteditor/mobile/resources/less/app-common.less

@@ -36,13 +36,6 @@
   align-items: stretch;
 }
 
-.info {
-  width: 22px;
-  height: 22px;
-  background-image: url(../img/docinfo.png);
-  background-size: contain;
-}
-
 .small-picker {
   .picker-item {
     font-size: 14px;

apps/spreadsheeteditor/mobile/resources/less/ios/_icons.less

@@ -130,12 +130,12 @@ i.icon {
   &.icon-insimage {
     width: 22px;
     height: 22px;
-    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="#f00"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><path id="XMLID_43_" d="M19,4L19,4H3v15l0,0l0,0l0,0h17V4H19z M7.5,7C8.3,7,9,7.7,9,8.5S8.3,10,7.5,10S6,9.3,6,8.5S6.7,7,7.5,7zM5.2,18l5.5-5.5l5.5,5.5H5.2z M19,18h-1.5l-4.3-4.3l4-4l1.8,1.8V18z"/></svg>');
   }
   &.icon-sort {
     width: 22px;
     height: 22px;
-    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="#f00"><g><path d="M12.4,9.8c0,0-2.1-0.1-3.8,1.2c-2.8,2-3.3,4.3-3.3,4.3s1.6-1.7,3.5-2.5c1.7-0.7,3.7-0.4,3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z M11,1C5.5,1,1,5.5,1,11c0,5.5,4.5,10,10,10s10-4.5,10-10C21,5.5,16.5,1,11,1z M11,20c-5,0-9-4.1-9-9C2,6,6,2,11,2s9,4.1,9,9C20,16,16,20,11,20z"/></g></svg>');
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22 22" fill="@{themeColor}"><polygon points="8,16.4 7.3,15.7 5,18.1 5,2 4,2 4,18.1 1.7,15.7 1,16.4 4.5,20 4.5,20 4.5,20 "/><path d="M19.3,4H8.7C8.1,4,7.8,4.6,8.1,5.1l3.9,5.9v4.7l2.8,1.5c0.5,0.3,1.1-0.1,1.1-0.7V11h0l3.9-5.9C20.2,4.6,19.9,4,19.3,4z"/></svg>');
   }
   &.icon-image-library {
     width: 22px;