From 343c014b17384c433ebf52a4e9c90a06b8369358 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Tue, 25 Apr 2017 19:52:51 +0300
Subject: [PATCH] [Common] debug Header's logo

---
 apps/common/main/lib/view/Header.js         |  4 ++--
 apps/common/main/resources/less/header.less | 23 +++++++--------------
 2 files changed, 10 insertions(+), 17 deletions(-)

diff --git a/apps/common/main/lib/view/Header.js b/apps/common/main/lib/view/Header.js
index e05dad4ba..258164433 100644
--- a/apps/common/main/lib/view/Header.js
+++ b/apps/common/main/lib/view/Header.js
@@ -90,7 +90,7 @@ define([
                         '</section>';
 
         var templateLeftBox = '<section class="logo">' +
-                                '<div id="header-logo"><img></div>' +
+                                '<div id="header-logo"><i /></div>' +
                             '</section>';
 
         function onAddUser(model, collection, opts) {
@@ -361,7 +361,7 @@ define([
                 if (value && value.logo && value.logo.image) {
                     element = $('#header-logo');
                     if ( element ) {
-                        element.html('<img src="' + value.logo.image + '" style="max-width:86px; max-height:42px; margin: 0 8px 0 15px;"/>');
+                        element.html('<img src="' + value.logo.image + '" style="max-width:100px; max-height:20px; margin: 0;"/>');
                         element.css({'background-image': 'none', width: 'auto'});
                     }
                 }
diff --git a/apps/common/main/resources/less/header.less b/apps/common/main/resources/less/header.less
index be04a942c..52cbd59d2 100644
--- a/apps/common/main/resources/less/header.less
+++ b/apps/common/main/resources/less/header.less
@@ -43,8 +43,7 @@
     }
 
     &.left {
-        min-width: 150px;
-        padding-left: 12px;
+        //min-width: 126px;
     }
 
     &.right {
@@ -73,22 +72,16 @@
     }
 
     #header-logo {
-        width: 100%;
+        max-width: 200px;
         height: 100%;
         cursor: pointer;
+        padding: 10px 16px 10px 12px;
 
-        line-height: @height-tabs;
-        text-align: center;
-
-        img {
-            content: data-uri('@{common-image-path}/header/header-logo.png');
-
-            @media
-            only screen and (-webkit-min-device-pixel-ratio: 2),
-            only screen and (min-resolution: 2dppx),
-            only screen and (min-resolution: 192dpi) {
-                content: data-uri('@{common-image-path}/header/header-logo@2x.png');
-            }
+        i {
+            width: 100px;
+            height: 20px;
+            display: block;
+            .background-ximage('@{common-image-path}/header/header-logo.png', '@{common-image-path}/header/header-logo@2x.png', 100px);
         }
     }