Bug #329553 --> new mail alert notification isn't always wide enough. sr=bienvenu

mail/themes/pinstripe/mail/folderPane.css

@@ -136,12 +136,18 @@ treechildren::-moz-tree-cell-text(folderNameCol, noSelect-true) {
 
 /* ::::: Folder Summary Popup ::::: */
 
+.folderSummary-message-row {
+  /* This max width ends up dictating the overall width of the popup
+     because it controls how large the preview, subject and sender text can be
+     before cropping kicks in */
+  max-width: 450px;
+}
+
 .folderSummary-subject {
   font-weight: bold; 
-  max-width: 25em;
 }
 
 .folderSummary-previewText {
   color: grey; 
-  max-width: 35em;
 }
+

mail/themes/qute/mail/folderPane.css

@@ -147,12 +147,17 @@ treechildren::-moz-tree-cell-text(folderNameCol, noSelect-true) {
 
 /* ::::: Folder Summary Popup ::::: */
 
+.folderSummary-message-row {
+  /* This max width ends up dictating the overall width of the popup
+     because it controls how large the preview, subject and sender text can be
+     before cropping kicks in */
+  max-width: 450px;
+}
+
 .folderSummary-subject {
   font-weight: bold; 
-  max-width: 25em;
 }
 
 .folderSummary-previewText {
   color: grey; 
-  max-width: 35em;
 }

mail/themes/qute/mail/newmailalert.css

@@ -44,8 +44,7 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-#newMailAlertNotification
-{
+#newMailAlertNotification {
   min-height: 60px;
   border: ridge #5486DA 4px;
   background-color: white;
@@ -55,34 +54,36 @@
   list-style-image: url("chrome://branding/content/icon64.png");
 }
 
-#alertImageBox
-{
+#alertImageBox {
   -moz-margin-start: 4px;
   -moz-margin-end: 6px;
   min-height: 46px;
 }
 
-#alertTitle 
-{
+#alertTitle {
   font-weight: bold;
   text-align: center;
-  max-width: 450px;
 }
 
-#alertTextBox
-{
+#alertTextBox {
   -moz-padding-end: 10px;
   padding-top: 5px;
+}
+
+.folderSummary-message-row 
+{
+  /* This max width ends up dictating the overall width of the alert window
+     because it controls how large the preview, subject and sender text can be
+     before cropping kicks in */
   max-width: 450px;
+  padding-right: 5px;
 }
 
 .folderSummary-subject {
-  max-width: 300px;
   padding-left: 5px;
 }
 
 .folderSummary-previewText {
   color: grey; 
-  max-width: 400px;
   padding-left: 5px;
 }

mailnews/base/resources/content/mailWidgets.xml

@@ -2105,11 +2105,12 @@
   <binding id="folderSummary-message">
     <content>
       <xul:vbox>
-        <xul:hbox>
-          <xul:label class="folderSummary-subject" xbl:inherits="value=subject" crop="right"/>
+        <xul:hbox class="folderSummary-message-row">
+          <xul:label flex="1" class="folderSummary-subject" xbl:inherits="value=subject" crop="right"/>
           <xul:label class="folderSummary-sender" xbl:inherits="value=sender" crop="right"/>
+          <xul:spring flex="100%"/>
         </xul:hbox>
-        <xul:description class="folderSummary-previewText" xbl:inherits="value=previewText" crop="right"></xul:description>
+        <xul:description class="folderSummary-message-row folderSummary-previewText" xbl:inherits="value=previewText" crop="right"></xul:description>
       </xul:vbox>
     </content>
   </binding>