[SSE mobile] repaired cell editor

apps/common/mobile/resources/less/_mixins.less

@@ -1,7 +1,7 @@
 // Encoded SVG Background
-.encoded-svg-mask(@svg) {
+.encoded-svg-mask(@svg, @color: @themeColor) {
   @url: `encodeURIComponent(@{svg})`;
-  background-color: @themeColor;
+  background-color: @color;
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}");
 }
 

apps/spreadsheeteditor/mobile/src/less/celleditor.less

@@ -13,6 +13,7 @@
     }
 
     display: flex;
+    z-index: 5001;
 
     height: @cellEditorHeight;
     min-height: @cellEditorHeight;
@@ -27,7 +28,7 @@
     &:after {
         content: '';
         position: absolute;
-        background-color: var(--f7-navbar-border-color, var(--f7-bars-border-color));
+        background-color: @border-regular-control;
         display: block;
         z-index: 15;
         top: auto;
@@ -43,6 +44,10 @@
     #box-cell-name {
         display: inline-flex;
         background-color: var(--f7-navbar-bg-color);
+
+        .md & {
+            background-color: @gray-light;
+        }
     }
 
     #idx-cell-name {
@@ -60,6 +65,12 @@
         }
     }
 
+    .phone & {
+        #idx-cell-name {
+            display: none;
+        }
+    }
+
     #idx-btn-function {
         height: @cellEditorHeight;
         line-height: @cellEditorHeight;

apps/spreadsheeteditor/mobile/src/less/statusbar.less

@@ -51,8 +51,12 @@
     }
 
     i.icon {
+        width: 22px;
+        height: 22px;
         &.icon-plus {
-            .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="@{fontColor}"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>');
+            @source: '<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"><g><path d="M22,12H12v10h-1V12H1v-1h10V1h1v10h10V12z"/></g></svg>';
+            .encoded-svg-mask(@source, @fontColor);
+            background-image: none;
         }
     }
 }