Highlight document name when it can be renamed.

This commit is contained in:
Julia Radzhabova 2016-10-05 13:40:18 +03:00
parent ec2ee7128b
commit 9f3d70bbf0
3 changed files with 14 additions and 4 deletions

View file

@ -2,6 +2,6 @@
<div id="header-logo"></div> <div id="header-logo"></div>
<div id="header-caption"><div><%= headerCaption %></div></div> <div id="header-caption"><div><%= headerCaption %></div></div>
<div id="header-developer" class="hidden"><div><%= headerDeveloper %></div></div> <div id="header-developer" class="hidden"><div><%= headerDeveloper %></div></div>
<div id="header-documentcaption"><span><%= documentCaption %></span></div> <div id="header-documentcaption"><div><%= documentCaption %></div></div>
<div id="header-back" style="display: <%= canBack ? 'table-cell' : 'none' %>;"><div><%= textBack %></div></div> <div id="header-back" style="display: <%= canBack ? 'table-cell' : 'none' %>;"><div><%= textBack %></div></div>
</div> </div>

View file

@ -166,7 +166,7 @@ define([
if (!value) if (!value)
value = ''; value = '';
var dc = $('#header-documentcaption span'); var dc = $('#header-documentcaption div');
if (dc) if (dc)
dc.html(Common.Utils.String.htmlEncode(value)); dc.html(Common.Utils.String.htmlEncode(value));
@ -228,7 +228,7 @@ define([
}, },
setCanRename: function(rename) { setCanRename: function(rename) {
var dc = $('#header-documentcaption span'); var dc = $('#header-documentcaption div');
if (rename) { if (rename) {
var me = this; var me = this;
dc.tooltip({title: me.txtRename, placement: 'cursor'}); dc.tooltip({title: me.txtRename, placement: 'cursor'});
@ -252,6 +252,7 @@ define([
dc.off('click'); dc.off('click');
} }
dc.css('cursor', rename ? 'pointer' : 'default'); dc.css('cursor', rename ? 'pointer' : 'default');
dc.toggleClass('renamed', rename);
}, },
textBack: 'Go to Documents', textBack: 'Go to Documents',

View file

@ -80,8 +80,17 @@
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
background-color: @app-header-bg-color; background-color: @app-header-bg-color;
padding: 0 15px + @app-header-height / 3; padding: 0 7px + @app-header-height / 3;
cursor: default; cursor: default;
div {
display: inline-block;
padding: 2px 8px;
&.renamed {
background-color: @app-header-bg-color-dark;
}
}
} }
#header-back { #header-back {