From 52e1610b1d4e2bcd123ccc2d2c186bf1594d63ed Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Wed, 1 Mar 2017 16:38:20 +0300
Subject: [PATCH] [DE] debug styles

---
 .../main/resources/less/leftmenu.less         |  3 +-
 .../main/resources/less/toolbar.less          | 59 +++++++++----------
 2 files changed, 30 insertions(+), 32 deletions(-)

diff --git a/apps/documenteditor/main/resources/less/leftmenu.less b/apps/documenteditor/main/resources/less/leftmenu.less
index 5a2d90f67f..7b4c7eb128 100644
--- a/apps/documenteditor/main/resources/less/leftmenu.less
+++ b/apps/documenteditor/main/resources/less/leftmenu.less
@@ -66,7 +66,8 @@ button.notify .btn-menu-comments {background-position: -0*@toolbar-icon-size -60
 #file-menu-panel {
     height: calc(~"100% + @{height-controls}");
     top: -@height-controls;
-    box-shadow: -1px 0 0 0 @gray-dark;
+    border-top: 1px solid @gray-dark;
+    .box-shadow(-1px 0 0 0 @gray-dark);
 
     > div {
         height: 100%;
diff --git a/apps/documenteditor/main/resources/less/toolbar.less b/apps/documenteditor/main/resources/less/toolbar.less
index f2c6774e99..a2df1472aa 100644
--- a/apps/documenteditor/main/resources/less/toolbar.less
+++ b/apps/documenteditor/main/resources/less/toolbar.less
@@ -1,6 +1,7 @@
 @height-tabs: 42px;
 @height-controls: 67px;
 
+@tabs-bg-color: #fff;
 #toolbar {
     z-index: 101;
 }
@@ -23,19 +24,34 @@
 
     .box-tabs {
         height: @height-tabs;
+        .box-shadow(0 1px 0 @gray-dark);
 
         display: flex;
         align-items: stretch;
 
-        .tabs {
-            flex-grow: 1;
-            background-color: #d0ddb6;
-            position: relative;
-            overflow: hidden;
-            display: flex;
-        }
+        .extra {
+            &.left {
+                height: 42px;
+                background-color: @tabs-bg-color;
+            }
 
-        ul {
+            &.right {
+                min-width: 350px;
+                line-height: @height-tabs;
+
+                background-color: @tabs-bg-color;
+            }
+        }
+    }
+
+    .tabs {
+        flex-grow: 1;
+        background-color: @tabs-bg-color;
+        position: relative;
+        overflow: hidden;
+        display: flex;
+
+        > ul {
             padding: 0;
             margin: 0;
             white-space: nowrap;
@@ -58,6 +74,7 @@
                 cursor: default;
                 font-size: 14px;
                 text-align: center;
+                color: @gray-darker;
 
                 &::after {
                     display: block;
@@ -79,13 +96,13 @@
 
         .marker {
             position: relative;
-            border-top: 3px solid green;
+            border-top: 3px solid @gray-darker;
             top: -4px;
             -webkit-transition: width .2s, left .2s ease-out;
             transition: width .2s, left .2s ease-out;
         }
 
-        .tabs:not(.short) {
+        &:not(.short) {
             .scroll {
                 display: none;
             }
@@ -104,29 +121,9 @@
                 box-shadow: -5px 0 20px 5px rgba(208, 221, 182, .8)
             }
         }
-
-        .extra {
-            &.left {
-                //display: inline-block;
-                //float: left;
-                min-width: 240px;
-                height: 42px;
-                .background-ximage('@{common-image-path}/about/OnlyOffice.png', '@{common-image-path}/about/OnlyOffice@2x.png', 240px);
-                background-size: contain;
-                background-repeat: no-repeat;
-
-                background-color: #98ddda;
-            }
-
-            &.right {
-                min-width: 350px;
-                line-height: @height-tabs;
-
-                background-color: #98ddda;
-            }
-        }
     }
 
+
     .box-controls {
         height: @height-controls;
         padding: 10px 0;