From 62c542cf840e69adeda166c090118d51c8723430 Mon Sep 17 00:00:00 2001
From: ShimaginAndrey <andrey.shimagin@onlyoffice.com>
Date: Fri, 27 Aug 2021 10:11:53 +0300
Subject: [PATCH] [DE] Edit styles in 'Numbering Value'

---
 .../mobile/src/less/app-ios.less              | 29 ++++++++++++++++++
 .../mobile/src/less/app-material.less         | 30 ++++++++++++++++++-
 2 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/apps/documenteditor/mobile/src/less/app-ios.less b/apps/documenteditor/mobile/src/less/app-ios.less
index 1fb9a1d9b..5fb8ff040 100644
--- a/apps/documenteditor/mobile/src/less/app-ios.less
+++ b/apps/documenteditor/mobile/src/less/app-ios.less
@@ -8,6 +8,35 @@
     // 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);
+            }
+        }
     }
 }
 
diff --git a/apps/documenteditor/mobile/src/less/app-material.less b/apps/documenteditor/mobile/src/less/app-material.less
index 7c26f1924..b40c69124 100644
--- a/apps/documenteditor/mobile/src/less/app-material.less
+++ b/apps/documenteditor/mobile/src/less/app-material.less
@@ -56,7 +56,35 @@
     .content-block.stepper-block {
         display: flex;
         justify-content: center;
-        margin: 30px 0 0;
+        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);
+            }
+        }
     }
 }