From 4c11525cd53894c82ff0f4b32dbeafce79f7d295 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Wed, 5 Oct 2022 11:29:39 +0300
Subject: [PATCH] [themes] top border for toolbar in "contrast" theme

---
 apps/common/main/resources/less/toolbar.less | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index 736f2cece..9b4350971 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -40,6 +40,8 @@
         .extra {
             background-color: @header-background-color-ie;
             background-color: @header-background-color;
+
+            box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
         }
 
     //&::after {
@@ -62,6 +64,8 @@
         display: flex;
         flex-shrink: 1;
 
+        box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
+
         > ul {
             padding: 4px 0 0;
             margin: 0;
@@ -78,11 +82,15 @@
             &:hover {
                 background-color: @highlight-header-button-hover-ie;
                 background-color: @highlight-header-button-hover;
+
+                box-shadow: inset 0 -1px 0 0 @border-toolbar-active-panel-top;
             }
 
             &.active {
                 background-color: @background-toolbar-ie;
                 background-color: @background-toolbar;
+
+                box-shadow: inset -1px 0px 0 0 @border-toolbar-active-panel-top, inset 1px 1px 0 0 @border-toolbar-active-panel-top;
             }
 
 
@@ -132,7 +140,7 @@
 
             &.left{
                 box-shadow: 5px 0 20px 5px @header-background-color-ie;
-                box-shadow: 5px 0 20px 5px @header-background-color;
+                box-shadow: 18px 37px 0 10px @background-toolbar, 5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(135deg);
@@ -141,7 +149,7 @@
             }
             &.right{
                 box-shadow: -5px 0 20px 5px @header-background-color-ie;
-                box-shadow: -5px 0 20px 5px @header-background-color;
+                box-shadow: -10px 37px 0 10px @background-toolbar, -5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(-45deg);
@@ -417,6 +425,7 @@
 
                 &.active {
                     background-color: transparent;
+                    box-shadow: none;
                     //> a {
                     //    padding: 0 12px;
                     //}
@@ -428,6 +437,7 @@
 
                 &:hover:not(.active) {
                     background-color: rgba(0, 0, 0, .05);
+                    box-shadow: none;
 
                     .theme-type-dark & {
                         background-color: rgba(255, 255, 255, .05);