[common] centered document title

This commit is contained in:
Maxim Kadushkin 2018-02-28 16:31:59 +03:00
parent 9dcf65d8df
commit 19b0d19792
2 changed files with 8 additions and 1 deletions

View file

@ -109,6 +109,7 @@ define([
'<div class="btn-slot" id="slot-btn-dt-undo"></div>' + '<div class="btn-slot" id="slot-btn-dt-undo"></div>' +
'<div class="btn-slot" id="slot-btn-dt-redo"></div>' + '<div class="btn-slot" id="slot-btn-dt-redo"></div>' +
'</div>' + '</div>' +
'<div class="lr-separator"></div>' +
'<input type="text" id="title-doc-name" spellcheck="false" data-can-copy="false" style="pointer-events: none;">' + '<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>' + '<label id="title-user-name" style="pointer-events: none;"></label>' +
'</section>'; '</section>';

View file

@ -282,6 +282,7 @@
display: flex; display: flex;
height: 100%; height: 100%;
color:#fff; color:#fff;
position: relative;
.btn-slot { .btn-slot {
display: inline-block; display: inline-block;
@ -311,13 +312,14 @@
} }
#title-doc-name { #title-doc-name {
flex-grow: 1; position: absolute;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
height: 100%; height: 100%;
width: 100%;
background-color: transparent; background-color: transparent;
border: 0 none; border: 0 none;
cursor: default; cursor: default;
@ -333,4 +335,8 @@
padding: 0 12px; padding: 0 12px;
line-height: @height-title; line-height: @height-title;
} }
.lr-separator {
flex-grow: 1;
}
} }