Fix multiple mentions, chat box resizing

clientapp/models/message.js

@@ -102,7 +102,8 @@ var Message = module.exports = HumanModel.define({
                 body = htmlify.toHTML(body);
                 if (this.mentions) {
                     var existing = htmlify.toHTML(this.mentions);
-                    body = body.replace(existing, '<span class="mention">' + existing + '</span>');
+                    var parts = body.split(existing);
+                    body = parts.join('<span class="mention">' + existing + '</span>');
                 }
                 return body;
             }

public/css/otalk.css

@@ -1157,6 +1157,10 @@ button.secondary:hover:not(:disabled) {
   height: 30px;
   padding: 6px 10px;
 }
+.chatBox textarea:focus {
+  transition: none;
+  -webkit-transition: none;
+}
 .chatBox textarea.editing {
   background-color: #fffcea;
   border: 1px solid #efe391;

public/css/pages/chat.styl

@@ -262,6 +262,10 @@
     height: 30px
     padding: 6px 10px
 
+    &:focus
+      transition: none
+      -webkit-transition: none
+
     &.editing
       background-color: #fffcea
       border: 1px solid #efe391

public/x-manifest.cache

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# 0.0.1 1387404089194
+# 0.0.1 1387474672583
 
 CACHE:
 /app.js