From be110e5eff685f36991255661a89b4e40a55a17d Mon Sep 17 00:00:00 2001
From: SergeyEzhin <ezhin@mail.ru>
Date: Fri, 7 May 2021 20:29:28 +0300
Subject: [PATCH] [SSE mobile] Bug 48659

---
 apps/spreadsheeteditor/mobile/locale/en.json             | 1 +
 apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/spreadsheeteditor/mobile/locale/en.json b/apps/spreadsheeteditor/mobile/locale/en.json
index 51c86755f..1f3492f3b 100644
--- a/apps/spreadsheeteditor/mobile/locale/en.json
+++ b/apps/spreadsheeteditor/mobile/locale/en.json
@@ -313,6 +313,7 @@
             "textRotateTextDown": "Rotate Text Down",
             "textNoBorder": "No Border",
             "textAllBorders": "All Borders",
+            "textOutsideBorders": "Outside Borders",
             "textBottomBorder": "Bottom Border",
             "textTopBorder": "Top Border",
             "textLeftBorder": "Left Border",
diff --git a/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx b/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
index 7f9dd0861..bd6f98fec 100644
--- a/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
+++ b/apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
@@ -513,11 +513,17 @@ const PageBorderStyleCell = props => {
                 }}>
                     <Icon slot="media" icon="icon-table-borders-all"></Icon>
                 </ListItem>
+                <ListItem title={_t.textOutsideBorders} onClick={() => {
+                    storeCellSettings.changeBorderStyle('outer');
+                    props.onBorderStyle('outer', borderInfo);
+                }}>  
+                    <Icon slot="media" icon="icon-table-borders-outer"></Icon> 
+                </ListItem>
                 <ListItem title={_t.textBottomBorder} onClick={() => {
                     storeCellSettings.changeBorderStyle('2');
                     props.onBorderStyle('2', borderInfo);
                 }}>  
-                    <Icon slot="media" icon="icon-table-borders-bottom"></Icon> 
+                    <Icon slot="media" icon="icon-table-borders-bottom"></Icon>
                 </ListItem>
                 <ListItem title={_t.textTopBorder} onClick={() => {
                     storeCellSettings.changeBorderStyle('0');