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

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

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