From 50939d18512a9d5dbef801b91f4b9bb312220409 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Mon, 31 Aug 2015 13:58:17 -0700
Subject: [PATCH] Restyle conversation menu button

---
 background.html               |   2 +-
 images/arrow_drop_down.png    | Bin 0 -> 94 bytes
 js/views/conversation_view.js |   4 ++--
 stylesheets/_index.scss       |   4 ++++
 stylesheets/manifest.css      |   2 ++
 5 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 images/arrow_drop_down.png

diff --git a/background.html b/background.html
index b473c5dc8..de2076c6a 100644
--- a/background.html
+++ b/background.html
@@ -37,7 +37,7 @@
   <script type='text/x-tmpl-mustache' id='conversation'>
       <div class='conversation-header'>
           <div class='conversation-menu menu'>
-            <button class='hamburger'></button>
+            <button class='drop-down'></button>
             <ul class='menu-list'>
                 {{#group}}
                     <li><a class='view-members'>Members</a></li>
diff --git a/images/arrow_drop_down.png b/images/arrow_drop_down.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b1be1c43b43628f20c2ecc0ca0b6d3b08731485
GIT binary patch
literal 94
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM0wlfaz7_*1RZkbkkP60RiG>LwCI)}pn|YUH
rW-6SW#&${On!}{{h60PmKn8~8dJ=ChHi}*XYGCkm^>bP0l+XkK?wc9J

literal 0
HcmV?d00001

diff --git a/js/views/conversation_view.js b/js/views/conversation_view.js
index 6142c52b5..2853d6aa2 100644
--- a/js/views/conversation_view.js
+++ b/js/views/conversation_view.js
@@ -85,7 +85,7 @@
             'click .new-group-update': 'newGroupUpdate',
             'click .verify-identity': 'verifyIdentity',
             'click .view-members': 'viewMembers',
-            'click .hamburger': 'toggleMenu',
+            'click .drop-down': 'toggleMenu',
             'click .openInbox' : 'openInbox',
             'click' : 'onClick',
             'select .entry': 'messageDetail',
@@ -154,7 +154,7 @@
         },
 
         closeMenu: function(e) {
-            if (e && !$(e.target).hasClass('hamburger')) {
+            if (e && !$(e.target).hasClass('drop-down')) {
                 this.$('.menu-list').hide();
             }
         },
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index b159b5009..05523b2d8 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -74,6 +74,10 @@
     right: 0;
     left: initial;
   }
+
+  button.drop-down {
+    background: url('/images/arrow_drop_down.png') no-repeat center;
+  }
 }
 
 .contact {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 42b61b595..f86c6611e 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -399,6 +399,8 @@ img.emoji {
   .menu.conversation-menu .menu-list {
     right: 0;
     left: initial; }
+  .menu.conversation-menu button.drop-down {
+    background: url("/images/arrow_drop_down.png") no-repeat center; }
 
 .contact .number, .contact .checkbox {
   display: none; }