From b2e4a0a358c92cc050c8b620154230ebe5e85115 Mon Sep 17 00:00:00 2001
From: Alexei Koshelev <aleksei.koshelev@onlyoffice.com>
Date: Tue, 25 Apr 2023 12:33:23 +0300
Subject: [PATCH] [SSE DE] Added shadow and border radius equation toolbar

---
 .../main/resources/less/toolbar.less                   | 10 +++++++---
 .../spreadsheeteditor/main/resources/less/toolbar.less | 10 +++++++---
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/presentationeditor/main/resources/less/toolbar.less b/apps/presentationeditor/main/resources/less/toolbar.less
index bdeacf5439..e5d7850d9f 100644
--- a/apps/presentationeditor/main/resources/less/toolbar.less
+++ b/apps/presentationeditor/main/resources/less/toolbar.less
@@ -104,11 +104,15 @@
     background-color: @background-toolbar;
     border: @scaled-one-px-value-ie solid @border-regular-control-ie;
     border: @scaled-one-px-value solid @border-regular-control;
+
+    border-radius: 3px;
+    overflow: hidden;
+    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2);
 }
 
 #equation-container {
     .separator {
-        height: 32px;
+        height: 30px;
     }
     &.has-open-menu {
         z-index: @zindex-navbar + 1;
@@ -117,8 +121,8 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        width: 32px;
-        height: 32px;
+        width: 30px;
+        height: 30px;
         border-radius: 0px;
     }
 }
diff --git a/apps/spreadsheeteditor/main/resources/less/toolbar.less b/apps/spreadsheeteditor/main/resources/less/toolbar.less
index 847e01990a..9c9c993f1e 100644
--- a/apps/spreadsheeteditor/main/resources/less/toolbar.less
+++ b/apps/spreadsheeteditor/main/resources/less/toolbar.less
@@ -131,6 +131,10 @@
     border: @scaled-one-px-value-ie solid @border-regular-control-ie;
     border: @scaled-one-px-value solid @border-regular-control;
 
+    border-radius: 3px;
+    overflow: hidden;
+    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2);
+    
     &.has-open-menu {
         z-index: @zindex-navbar + 1;
     }
@@ -138,14 +142,14 @@
 
 #equation-container {
     .separator {
-        height: 32px;
+        height: 30px;
     }
     .btn-toolbar {
         display: flex;
         justify-content: center;
         align-items: center;
-        width: 32px;
-        height: 32px;
+        width: 30px;
+        height: 30px;
         border-radius: 0px;
     }
 }