reply dropdown

mail.css

@@ -189,6 +189,17 @@ div
 	box-shadow: inset 0 1px 3px 0px rgba(0, 0, 0, 0.1);
 }
 
+.dropdown .item.disabled
+{
+	opacity: 0.45;
+}
+
+.dropdown .item.disabled:hover
+{
+	background: transparent;
+	border-color: transparent;
+}
+
 .dropdown .item img
 {
 	top: 3px;

mail.htm

@@ -19,6 +19,21 @@
         <span>Properties...</span>
     </div>
 </div>
+<div class="dropdown" id="dropdown-reply" tabindex="1">
+    <div class="item i16">
+        <div class="hotkey">R</div>
+        <img src="icons/mail_reply.png" />
+        <span>Reply</span>
+    </div>
+    <div class="item i16">
+        <img src="icons/mail_reply.png" />
+        <span>Reply to Sender</span>
+    </div>
+    <div class="item disabled">
+        <img src="icons/mail_reply_all.png" />
+        <span>Reply to List</span>
+    </div>
+</div>
 <div class="dropdown" id="dropdown-forward" tabindex="1">
     <div class="item i16">
         <div class="hotkey">F</div>
@@ -446,7 +461,7 @@
     <div class="vert-split">
         <div class="row">
             <div class="actions">
-                <a class="button"><img src="icons/mail_reply.png" />Reply <img src="icons/down.png" /></a>
+                <a class="button show-dropdown" id="show-dropdown-reply"><img src="icons/mail_reply.png" />Reply <span class="down"></span></a>
                 <a class="button"><img src="icons/mail_reply_all.png" />Reply All</a>
                 <a class="button show-dropdown" id="show-dropdown-forward"><img src="icons/mail_forward.png" />Forward <span class="down"></span></a>
                 <a class="button checkable action-read"><span class="img"></span><span class="txt"></span></a>