- Add message list menu to css-sprite image

program/steps/mail/func.inc

@@ -358,11 +358,17 @@ function rcmail_message_list_head($attrib, $a_show_cols)
   // define sortable columns
   $a_sort_cols = array('subject', 'date', 'from', 'to', 'size', 'cc');
 
-  if (!empty($attrib['optionsmenuicon']))
-    $list_menu = html::a(
-      array('href' => '#', 'onclick' => 'return '.JS_OBJECT_NAME.".command('menu-open', 'messagelistmenu')"),
-      html::img(array('src' => $skin_path . $attrib['optionsmenuicon'], 'id' => 'listmenulink', 'title' => rcube_label('listoptions')))
-    );
+  if (!empty($attrib['optionsmenuicon'])) {
+    $onclick = 'return ' . JS_OBJECT_NAME . ".command('menu-open', 'messagelistmenu')";
+    if ($attrib['optionsmenuicon'] === true || $attrib['optionsmenuicon'] == 'true')
+      $list_menu = html::div(array('onclick' => $onclick, 'class' => 'listmenu',
+        'id' => 'listmenulink', 'title' => rcube_label('listoptions')));
+    else
+      $list_menu = html::a(array('href' => '#', 'onclick' => $onclick),
+        html::img(array('src' => $skin_path . $attrib['optionsmenuicon'],
+          'id' => 'listmenulink', 'title' => rcube_label('listoptions')))
+      );
+  }
   else
     $list_menu = '';
 

skins/default/mail.css

@@ -696,8 +696,6 @@ body.messagelist
   display: inline-block;
 }
 
-#messagelist tr td div.collapsed,
-#messagelist tr td div.expanded,
 #messagelist tbody tr td.flag
 {
   cursor: pointer;
@@ -711,6 +709,7 @@ body.messagelist
 
 #messagelist tr td div.collapsed,
 #messagelist tr td div.expanded,
+#messagelist tr td.threads div.listmenu,
 #messagelist tr td.attachment span.attachment,
 #messagelist tr td.flag span.flagged,
 #messagelist tr td.flag span.unflagged:hover,
@@ -778,11 +777,19 @@ body.messagelist
 #messagelist tr td div.collapsed
 {
   background-position: -195px 0;
+  cursor: pointer;
 }
 
 #messagelist tr td div.expanded
 {
   background-position: -180px 0;
+  cursor: pointer;
+}
+
+#messagelist tr td.threads div.listmenu
+{
+  background-position: -210px 1px;
+  cursor: pointer;
 }
 
 #messagelist tbody tr td.subject

skins/default/templates/mail.html

@@ -58,7 +58,7 @@
   cellspacing="0"
   columns=""
   summary="Message list"
-  optionsmenuIcon="/images/icons/columnpicker.gif" />
+  optionsmenuIcon="true" />
 </div>
 <div class="boxfooter">
     <div id="listcontrols" class="pagenav">