Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix layout for user names in chat panel

Browse source
This commit is contained in:
Julia Radzhabova 2018-07-31 14:10:40 +03:00
parent 69b1b7b11a
commit 65da335643
2 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/common/main/lib/view/Chat.js
View file

@ -60,8 +60,7 @@ define([
storeMessages: undefined,
tplUser: ['<li id="<%= user.get("iid") %>"<% if (!user.get("online")) { %> class="offline"<% } %>>',
'<div class="name"><%= scope.getUserName(user.get("username")) %>',
'<div class="color" style="background-color: <%= user.get("color") %>;" ></div>',
'<div class="name"><div class="color" style="background-color: <%= user.get("color") %>;" ></div><%= scope.getUserName(user.get("username")) %>',
'</div>',
'</li>'].join(''),

13
apps/common/main/resources/less/chat.less
View file

@ -52,10 +52,9 @@
}
.color {
position: absolute;
top: 0;
left: 0;
margin-top: 1px;
display: inline-block;
vertical-align: middle;
margin: 0 5px 3px 0;
width: 12px;
height: 12px;
border: 1px solid @gray-dark;
@ -65,12 +64,12 @@
font-size: 12px;
font-weight: bold;
display: block;
position: relative;
padding: 0 10px 0 16px;
margin-top: -2px;
padding: 0 10px 0 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: normal;
height: 16px;
}
}