From fb83027a1e0b8cd4f0c5b33de3199ec3dc64738c Mon Sep 17 00:00:00 2001
From: Dmitriy Simushev <simushevds@ossg.ru>
Date: Wed, 24 Dec 2014 13:44:27 +0000
Subject: [PATCH] Truncate operator's avatar in invitation

Fixes #96
---
 src/mibew/js/source/widget.js                  | 18 ++++++++++--------
 .../styles/invitations/default/invite.css      |  7 ++++++-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/mibew/js/source/widget.js b/src/mibew/js/source/widget.js
index 05ce5756..39ab64dd 100644
--- a/src/mibew/js/source/widget.js
+++ b/src/mibew/js/source/widget.js
@@ -396,6 +396,16 @@ var Mibew = {};
             + '<a href="javascript:void(0);" onclick="Mibew.Invitation.reject();">'
             + '&times;</a></div>';
 
+        // Add operator avatar
+        if (avatarUrl) {
+            popuptext += '<div id="mibew-invitation-avatar-wrapper">'
+                + '<img id="mibew-invitation-avatar" src="' + avatarUrl
+                + '" title="' + operatorName
+                + '" alt="' + operatorName
+                + '" onclick="Mibew.Invitation.accept();" />'
+                + '</div>';
+        }
+
         // Add operator name
         if (operatorName) {
             popuptext += '<h1 onclick="Mibew.Invitation.accept();">'
@@ -403,14 +413,6 @@ var Mibew = {};
                 + '</h1>';
         }
 
-        // Add operator avatar
-        if (avatarUrl) {
-            popuptext += '<img id="mibew-invitation-avatar" src="' + avatarUrl
-                + '" title="' + operatorName
-                + '" alt="' + operatorName
-                + '" onclick="Mibew.Invitation.accept();" />';
-        }
-
         // Broadcast message from the thread related with invitation into iframe
         if (threadUrl) {
             popuptext += '<iframe id="mibew-invitation-frame" '
diff --git a/src/mibew/styles/invitations/default/invite.css b/src/mibew/styles/invitations/default/invite.css
index 70583cb8..9a186407 100644
--- a/src/mibew/styles/invitations/default/invite.css
+++ b/src/mibew/styles/invitations/default/invite.css
@@ -85,11 +85,16 @@
     padding: 2px !important;
     margin: 2px !important;
 }
-#mibew-invitation-avatar {
+#mibew-invitation-avatar-wrapper {
     margin: 2px 10px 5px 2px !important;
     cursor: pointer !important;
     float: right !important;
     max-width: 100px !important;
+    max-height: 100px !important;
+    overflow: hidden;
+}
+#mibew-invitation-avatar {
+    max-width: 100px !important;
 }
 #mibew-invitation-frame {
     width: 388px !important;