Add a magnifying glass icon to invitee search field. updates #215

1b465874 · JC Brand · 18cbe06d · 1b465874 · 1b465874 · 1b465874
Commit 1b465874 authored Sep 01, 2014 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 11 additions and 4 deletions

converse.js converse.js +1 -1

css/converse.css css/converse.css +4 -1

less/converse.less less/converse.less +5 -1

mockup/index.html mockup/index.html +1 -1

No files found.
--- a/converse.js
+++ b/converse.js
@@ -2058,7 +2058,7 @@
                        converse.templates.chatarea({
                            'show_toolbar': converse.show_toolbar,
                            'label_message': __('Message'),
-                            'label_invitation': __('Type to invite')
+                            'label_invitation': __('Invite...')
                        })
                    );
                    this.initInviteWidget().renderToolbar();

--- a/css/converse.css
+++ b/css/converse.css
@@ -608,7 +608,10 @@ span.spinner.hor_centered {
 #conversejs .chatroom .invited-contact {
  margin: 0;
  width: 99px;
-  border-bottom: 1px solid #999;
+  border: 1px solid #999;
+}
+#conversejs .chatroom .invited-contact.tt-input {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkBCjE0uzKkOgAAAidJREFUKM+N0k+IEnEUB/D3cyscdagkWpHV0WGWREXm0AgOGkSJ07kh2UXYU5cOewm6Bp0KXG/tpSCv6hyEFQIhMEaE3yERYfwTOoqKGLQxDAbqYadLgu7J7/XxeY/3ez8EACDLsgljfMfj8ZxUKhXXYDAAnueBoqgyAMipVOovXAuSZdnUaDQeDofDs16vFyUIAjRNUwmCoG02G1AUdZ5IJN7GYrHfm3AvEAjcnUwmX0ajUdRqtV74fL6sruufKYoa6bp+fzabPUMI7ZfL5eImNHk8npNerxc1m80XHMe98fv9H3K5XDkSibxjWfb1arWaYoyPMMbCFqxUKi6CIODw8LDmdDq7oigaAACiKK5omv7KcdylpmlIkiTHFlRVFTRNUxVFqa/ROqIoGoqi5A3DgFartfU4Jp7ngSAI2uVyPZIk6dZmUZKk2w6H4xghBPF4HK7vWLbZbDCdTp+rqvpUkiS0RvV6/bTf7x8wDHMViURqm/AGAMgURZ232+1X1Wr102KxuEwmk3lZlo/7/f7BcrkkSZKs2e12tHXH/x/gHsY4jTE+0jQNGYYBCCFgGOaKJMkfjUaDZximGQ6HXzSbzZ+ZTMbY6oIxFgqFgqPT6YAgCMBxXM1ut6N0Op0fj8chi8XyjWXZ98Fg8DuCHZLNZh+USqWP8/n8idvt/hUKhV7u7QK9Xu8fmqanAJBQVXUfAGY7TQQAKBaLN8fjsdDtdh/run72Dzhf7XLe2UevAAAAAElFTkSuQmCC ) no-repeat right 3px center;
 }
 #conversejs .participants label {
  margin-top: 5px;

--- a/less/converse.less
+++ b/less/converse.less
@@ -658,7 +658,11 @@ span.spinner.hor_centered {
 #conversejs .chatroom .invited-contact {
    margin: 0;
    width: 99px;
-    border-bottom: 1px solid #999;
+    border: 1px solid #999;
+}
+
+#conversejs .chatroom .invited-contact.tt-input {
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gkBCjE0uzKkOgAAAidJREFUKM+N0k+IEnEUB/D3cyscdagkWpHV0WGWREXm0AgOGkSJ07kh2UXYU5cOewm6Bp0KXG/tpSCv6hyEFQIhMEaE3yERYfwTOoqKGLQxDAbqYadLgu7J7/XxeY/3ez8EACDLsgljfMfj8ZxUKhXXYDAAnueBoqgyAMipVOovXAuSZdnUaDQeDofDs16vFyUIAjRNUwmCoG02G1AUdZ5IJN7GYrHfm3AvEAjcnUwmX0ajUdRqtV74fL6sruufKYoa6bp+fzabPUMI7ZfL5eImNHk8npNerxc1m80XHMe98fv9H3K5XDkSibxjWfb1arWaYoyPMMbCFqxUKi6CIODw8LDmdDq7oigaAACiKK5omv7KcdylpmlIkiTHFlRVFTRNUxVFqa/ROqIoGoqi5A3DgFartfU4Jp7ngSAI2uVyPZIk6dZmUZKk2w6H4xghBPF4HK7vWLbZbDCdTp+rqvpUkiS0RvV6/bTf7x8wDHMViURqm/AGAMgURZ232+1X1Wr102KxuEwmk3lZlo/7/f7BcrkkSZKs2e12tHXH/x/gHsY4jTE+0jQNGYYBCCFgGOaKJMkfjUaDZximGQ6HXzSbzZ+ZTMbY6oIxFgqFgqPT6YAgCMBxXM1ut6N0Op0fj8chi8XyjWXZ98Fg8DuCHZLNZh+USqWP8/n8idvt/hUKhV7u7QK9Xu8fmqanAJBQVXUfAGY7TQQAKBaLN8fjsdDtdh/run72Dzhf7XLe2UevAAAAAElFTkSuQmCC ) no-repeat right 3px center;
 }

 #conversejs .participants label {

--- a/mockup/index.html
+++ b/mockup/index.html
@@ -402,7 +402,7 @@
                </div>
                <div class="participants">
                    <form class="room-invite">
-                        <input class="invited-contact" placeholder="Invite someone" type="text"/>
+                        <input class="invited-contact tt-input" placeholder="Invite..." type="text"/>
                    </form>
                    <label>Participants:</label>
                    <ul class="participant-list">