Merge pull request #1120 from ONLYOFFICE/feature/context-numbering

[DE] Adding styles buttons-context for Numbering

apps/documenteditor/mobile/locale/en.json

@@ -178,10 +178,18 @@
     "menuReviewChange": "Review Change",
     "menuSplit": "Split",
     "menuViewComment": "View Comment",
+    "menuStartNewList": "Start new list",
+    "menuStartNumberingFrom": "Set numbering value",
+    "menuContinueNumbering": "Continue numbering",
+    "menuSeparateList": "Separate list",
+    "menuJoinList": "Join to previous list",
     "textColumns": "Columns",
     "textCopyCutPasteActions": "Copy, Cut and Paste Actions",
     "textDoNotShowAgain": "Don't show again",
-    "textRows": "Rows"
+    "textRows": "Rows",
+    "textOk": "OK",
+    "textCancel": "Cancel",
+    "textNumberingValue": "Numbering Value"
   },
   "Edit": {
     "notcriticalErrorTitle": "Warning",

apps/documenteditor/mobile/src/less/app-ios.less

@@ -4,6 +4,40 @@
             background: #fff;
         }
     }
+
+    // Stepper 
+    .content-block.stepper-block {
+        margin: 20px 0;
+
+        .stepper.stepper-large {
+            height: 35px;
+            border-radius: var(--f7-button-border-radius);
+            box-shadow: var(--f7-button-box-shadow);
+        }
+
+        .stepper-button-minus, .stepper-button-plus {
+            color: #446995;
+            border: 1px solid #446995;
+            
+            &:before, &:after{
+                display: none;
+            }
+        }
+
+        .stepper-button-minus.active-state, .stepper-button-plus.active-state {
+            background-color: var(--f7-list-link-pressed-bg-color);
+        }
+
+        .stepper-input-wrap {
+            border-top: 1px solid #446995;
+            border-bottom: 1px solid #446995;
+            input {
+                color: #000;
+                font-size: 17px;
+                font-weight: var(--f7-list-item-after-line-height);
+            }
+        }
+    }
 }
 
 // Color Schemes

apps/documenteditor/mobile/src/less/app-material.less

@@ -51,6 +51,41 @@
             font-size: 18px;
         }
     }
+
+    // Stepper 
+    .content-block.stepper-block {
+        display: flex;
+        justify-content: center;
+        margin: 25px 0 0;
+
+        .stepper {
+            --f7-touch-ripple-color: none;
+        }
+        
+        .stepper-button, .stepper-button-minus, .stepper-button-plus {
+            border: none;
+            border-radius: 0;
+
+            &:before, &:after{
+                display: none;
+            }
+        }
+
+        .stepper-button-minus.active-state, .stepper-button-plus.active-state {
+            background-color: var(--f7-list-link-pressed-bg-color);
+        }
+
+        .stepper-input-wrap{
+            border:none;
+
+            input {
+                color: #000;
+                font-size: 16px;
+                width: 40px;
+                font-weight: var(--f7-list-item-after-line-height);
+            }
+        }
+    }
 }
 
 // Color Schemes