diff options
| author | friendica <info@friendica.com> | 2014-01-31 20:48:26 -0800 |
|---|---|---|
| committer | friendica <info@friendica.com> | 2014-01-31 20:48:26 -0800 |
| commit | 33f3cd3d4a5935422f5ef910390263c6928e5c57 (patch) | |
| tree | d25b6d5cde76be68ef438fc6c1488e899af2ad5b | |
| parent | bd691300a77fbe511641eb5f707980cc1209dac7 (diff) | |
| download | volse-hubzilla-33f3cd3d4a5935422f5ef910390263c6928e5c57.tar.gz volse-hubzilla-33f3cd3d4a5935422f5ef910390263c6928e5c57.tar.bz2 volse-hubzilla-33f3cd3d4a5935422f5ef910390263c6928e5c57.zip | |
chat formatting/style improvements
| -rw-r--r-- | view/tpl/chat.tpl | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/view/tpl/chat.tpl b/view/tpl/chat.tpl index 19b3425da..420430550 100644 --- a/view/tpl/chat.tpl +++ b/view/tpl/chat.tpl @@ -65,7 +65,7 @@ function update_inroom(inroom) { var count = inroom.length; $.each( inroom, function(index, item) { var newNode = document.createElement('div'); - $(newNode).html('<img style="height: 32px; width: 32px;" src="' + item.img + '" alt="' + item.name + '" />'); + $(newNode).html('<img style="height: 32px; width: 32px;" src="' + item.img + '" alt="' + item.name + '" /><br />' + item.name + '<br/>'); html.appendChild(newNode); }); $('#chatUsers').html(html); @@ -77,8 +77,10 @@ function update_chats(chats) { $.each( chats, function(index, item) { last_chat = item.id; var newNode = document.createElement('div'); - $(newNode).html('<div style="margin-bottom: 5px; clear: both;"><img style="height: 32px; width: 32px; float: left;" src="' + item.img + '" alt="' + item.name + '" /><div class="chat-body; style="float: left; width: 80%;">' + item.text + '</div></div>'); + $(newNode).html('<div style="margin-bottom: 5px; clear: both;"><img style="height: 32px; width: 32px; float: left;" src="' + item.img + '" alt="' + item.name + '" /><div class="chat-body" style="float: left; width: 80%; margin-left: 15px; font-size: 14px;">' + item.name + ' <span class="autotime" title="' + item.isotime + '">' + item.localtime + '</span><br />' + item.text + '</div></div>'); $('#chatLineHolder').append(newNode); + $(".autotime").timeago(); + }); var elem = document.getElementById('chatTopBar'); elem.scrollTop = elem.scrollHeight; |