[DE] shape icons weren't appeare

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

@@ -0,0 +1,22 @@
+
+.row {
+    padding: 0 10px;
+
+    li {
+        list-style: none;
+    }
+}
+
+.shapes {
+    li {
+        width: 70px;
+        height: 70px;
+        margin: 0 1px;
+
+        .thumb {
+            width: 100%;
+            height: 100%;
+            background-color: @themeColor;
+        }
+    }
+}

apps/documenteditor/mobile/src/components/edit/EditShape.jsx

@@ -97,7 +97,7 @@ const PageReplace = props => {
     let shapes = storeShapeSettings.getStyleGroups();
     shapes.splice(0, 1); // Remove line shapes
     return (
-        <Page>
+        <Page className="shapes">
             <Navbar title={_t.textReplace} backLink={_t.textBack} />
             {shapes.map((row, indexRow) => {
                 return (
@@ -106,7 +106,7 @@ const PageReplace = props => {
                             return (
                                 <li key={'shape-' + indexRow + '-' + index} onClick={() => {props.onReplace(shape.type)}}>
                                     <div className="thumb"
-                                         style={{maskImage: `url('../../../resources/img/shapes/'${shape.thumb})`}}>
+                                         style={{WebkitMaskImage: `url('resources/img/shapes/${shape.thumb}')`}}>
                                     </div>
                                 </li>
                             )

apps/documenteditor/mobile/src/css/app.less

@@ -1,5 +1,6 @@
 
 @import '../../../../common/mobile/resources/less/collaboration.less';
+@import '../../../../common/mobile/resources/less/common.less';
 @import '../../../../common/mobile/resources/less/common-ios.less';
 @import '../../../../common/mobile/resources/less/common-material.less';
 @import './app-material.less';