From 053fb9c6d4670b10e1d5f5ec26e803bf689d63ed Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Wed, 28 Dec 2022 22:02:59 +0300
Subject: [PATCH] [all] fix toolbar scroll in view mode

---
 apps/common/main/resources/less/toolbar.less | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/common/main/resources/less/toolbar.less b/apps/common/main/resources/less/toolbar.less
index 1ea7f52ee..22ec7f596 100644
--- a/apps/common/main/resources/less/toolbar.less
+++ b/apps/common/main/resources/less/toolbar.less
@@ -55,6 +55,9 @@
     //}
     }
 
+    --toolbar-tabs-scroller-height: 38px;
+    @tabs-scroller-height: var(--toolbar-tabs-scroller-height, 38px);
+
     .tabs {
         //flex-grow: 1;
         background-color: @header-background-color-ie;
@@ -164,7 +167,7 @@
 
             &.left{
                 box-shadow: 5px 0 20px 5px @header-background-color-ie;
-                box-shadow: 18px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
+                box-shadow: 18px calc(@tabs-scroller-height - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(135deg);
@@ -173,7 +176,7 @@
             }
             &.right{
                 box-shadow: -5px 0 20px 5px @header-background-color-ie;
-                box-shadow: -10px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
+                box-shadow: -10px calc(@tabs-scroller-height - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(-45deg);
@@ -387,8 +390,12 @@
         /* z-index: @zindex-tooltip + 1; */
     }
 
-    &.toolbar-view .toolbar-mask{
-        left: 0;
+    &.toolbar-view {
+        --toolbar-tabs-scroller-height: 42px;
+
+        .toolbar-mask {
+            left: 0;
+        }
     }
 
     .top-title > & {