From 19b0d197929e5356611b88262c5c545b63d9fb71 Mon Sep 17 00:00:00 2001
From: Maxim Kadushkin <maxim.kadushkin@onlyoffice.com>
Date: Wed, 28 Feb 2018 16:31:59 +0300
Subject: [PATCH] [common] centered document title

---
 apps/common/main/lib/view/Header.js         | 1 +
 apps/common/main/resources/less/header.less | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/apps/common/main/lib/view/Header.js b/apps/common/main/lib/view/Header.js
index e8c86e103..bdf17cd8e 100644
--- a/apps/common/main/lib/view/Header.js
+++ b/apps/common/main/lib/view/Header.js
@@ -109,6 +109,7 @@ define([
                                     '<div class="btn-slot" id="slot-btn-dt-undo"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-redo"></div>' +
                                 '</div>' +
+                                '<div class="lr-separator"></div>' +
                                 '<input type="text" id="title-doc-name" spellcheck="false" data-can-copy="false" style="pointer-events: none;">' +
                                 '<label id="title-user-name" style="pointer-events: none;"></label>' +
                             '</section>';
diff --git a/apps/common/main/resources/less/header.less b/apps/common/main/resources/less/header.less
index 1e6988336..fe8398aee 100644
--- a/apps/common/main/resources/less/header.less
+++ b/apps/common/main/resources/less/header.less
@@ -282,6 +282,7 @@
     display: flex;
     height: 100%;
     color:#fff;
+    position: relative;
 
     .btn-slot {
         display: inline-block;
@@ -311,13 +312,14 @@
     }
 
     #title-doc-name {
-        flex-grow: 1;
+        position: absolute;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
         text-align: center;
         font-size: 12px;
         height: 100%;
+        width: 100%;
         background-color: transparent;
         border: 0 none;
         cursor: default;
@@ -333,4 +335,8 @@
         padding: 0 12px;
         line-height: @height-title;
    }
+
+    .lr-separator {
+        flex-grow: 1;
+    }
 }