From 66efe15df45b0be885d47ae762406decc322f95b Mon Sep 17 00:00:00 2001
From: Silron88 <Silron88@gmail.com>
Date: Wed, 19 Aug 2015 03:45:41 +0300
Subject: [PATCH] styles for operator name + typing icon

---
 src/mibew/styles/chats/default/chat.css       |  31 ++++++++++++++++++
 .../chats/default/images/user_typing.png      | Bin 0 -> 454 bytes
 .../client_side/chat/status/typing.handlebars |   2 +-
 3 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 src/mibew/styles/chats/default/images/user_typing.png

diff --git a/src/mibew/styles/chats/default/chat.css b/src/mibew/styles/chats/default/chat.css
index df261ffa..1d4b0585 100644
--- a/src/mibew/styles/chats/default/chat.css
+++ b/src/mibew/styles/chats/default/chat.css
@@ -263,6 +263,13 @@ a:hover .image-close-window {
     font-size: 12px;
     color: #333333;
 }
+#status-region .typing-icon {
+    display: inline-block;
+    height: 16px;
+    width: 18px;
+    background: transparent url("images/user_typing.png") scroll no-repeat;
+    vertical-align: middle;
+}
 .status {
     float: left;
     padding-right: 10px;
@@ -285,11 +292,35 @@ a:hover .image-close-window {
     background: transparent url("images/avatar.jpg") scroll no-repeat 50% 10px;
     width: 100px;
     height: 100px;
+    display: inline-block;
+    vertical-align: middle;
 }
 .avatar img {
     max-width: 100px;
     border: none;
+    vertical-align: middle;
 }
+#avatar-img {
+    display: inline-block;
+}
+#operator-text {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.operator-name {
+    font-size: 14px;
+    line-height: 20px;
+    margin-left: 6px;
+}
+
+.operator-depart {
+    font-size: 13px;
+    line-height: 32px;
+    margin-left: 6px;
+    color: #80787a;
+}
+
 #messages-region {
     height: 200px;
     min-height: 150px;
diff --git a/src/mibew/styles/chats/default/images/user_typing.png b/src/mibew/styles/chats/default/images/user_typing.png
new file mode 100644
index 0000000000000000000000000000000000000000..d2fefea6e31404ee8f4e6029679d22469f54418f
GIT binary patch
literal 454
zcmV;%0XhDOP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV0004vNkl<ZIE`aq
zAOUogmL;8@J@@g1ynJs`^nrnIWMtT;_3Qs%+qC)rw`0fupINrNf+PdB`1_wZwtM&g
z8xJ1*e{uHQi<uRb?nG-YU}kQ;%)s#fftBU|Z<jCsk4i{LBU-Z$6QkdKak2jwxw!s+
z)YJVRAtB*Mv}PqnM)})XYH!YQbN&Bfp#Q&sho_2Y&1?(|%=`3p4&RWG{{KWq=KlgQ
zvGqi227#$+D!s4FO#Ywe<othJO7b=r1A_=qm=%cGftV4m<^(a3&~IKI{|~Y-|GzCH
z@Lipe(H<zw1H`;Q%#2sF5gVJ@2S4wRhxqyb-(+I^@5{tg3=|e)fVcp^&7wdjUbeSA
zbwOF_|7l>f0aMCKps*ScOAzJnMQX~^ADbBc-wV_{hk@Y=&^l{~xkLbe8GgTyz^K~J
z$n<|R1H&hvd&7Xj{6uL6fyx}KC2P!N{_kRD{BOv>P{aU^Ng@Fo8=J15x7LfeD6P9H
w{2cK>Ats_Vg8(}_yALZXTMZKvII2hj0O%ciDfeTaf&c&j07*qoM6N<$g7<LQO8@`>

literal 0
HcmV?d00001

diff --git a/src/mibew/styles/chats/default/templates_src/client_side/chat/status/typing.handlebars b/src/mibew/styles/chats/default/templates_src/client_side/chat/status/typing.handlebars
index 8453b950..8779e824 100644
--- a/src/mibew/styles/chats/default/templates_src/client_side/chat/status/typing.handlebars
+++ b/src/mibew/styles/chats/default/templates_src/client_side/chat/status/typing.handlebars
@@ -1 +1 @@
-{{l10n "Remote user is typing..."}}
\ No newline at end of file
+<div id="typing-message"><div class="typing-icon"></div>{{l10n "Remote user is typing..."}}</div>
\ No newline at end of file