Show more link in the quick compose.

thunderbird-conversations · May 31, 2012 · f1dd70e · f1dd70e
1 parent 3277b3c
commit f1dd70e
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 3 deletions.
diff --git a/content/stub.xhtml b/content/stub.xhtml
@@ -599,9 +599,11 @@
 
         }
 
-        nodes.appendTo($(".quickReplyContacts"));
+        nodes.appendTo($(".quickReplyContactsBox"));
       };
 
+      $(".quickReplyContactsMoreLink").click(function () pushNewPopularContacts(10));
+
       // Fill in the "10 most popular contacts" thing
       let contactQuery = Gloda.newQuery(Gloda.NOUN_CONTACT);
       contactQuery.orderBy("-popularity").limit(100);
@@ -1053,6 +1055,13 @@
         <div class="quickReplyContactsHeader">
           ${str("mostFrequentContacts")}
         </div>
+        <div class="quickReplyContactsBox">
+        </div>
+        <div class="quickReplyContactsMore">
+          <a class="quickReplyContactsMoreLink">
+            ${str("showMore")}
+          </a>
+        </div>
       </div>
       <div class="quickReplyBox">
         <div class="replyHeader">

diff --git a/locale/en-US/template.properties b/locale/en-US/template.properties
@@ -75,3 +75,4 @@ popoutTxt=in a new window
 actionsSize=14
 
 mostFrequentContacts=Most frequently emailed contacts:
+showMore=show more…
diff --git a/skin/quickreply.css b/skin/quickreply.css
@@ -414,6 +414,7 @@ html[xmlns] .cf {
   border-bottom: 1px solid #888;
   margin-bottom: 5px;
   clear: both;
+  position: relative;
 }
 
 .popularPhoto {
@@ -426,7 +427,7 @@ html[xmlns] .cf {
   cursor: pointer;
 }
 
-.popularEmail {
+.popularEmail, .popularName {
   /* 300px - 32px - 4px */
   width: 260px;
   text-overflow: ellipsis;
@@ -436,6 +437,15 @@ html[xmlns] .cf {
 }
 
 .popularRemove {
-  float: right;
+  position: absolute;
+  top: 0; right: 0;
+  cursor: pointer;
+}
+
+.quickReplyContactsMore {
+  text-align: center;
+}
+
+.quickReplyContactsMoreLink {
   cursor: pointer;
 }