Bug 838599 - Downloads Panel summary text is a little too big.
authorMike Conley <mconley@mozilla.com>
Wed, 06 Feb 2013 16:05:59 -0500
changeset 127448 d0730b726ee01392636c7fbd89c56afc266dee35
parent 127447 2b43414e36c185a10d51b9ae9f8d0787e74c2117
child 127449 8800ea54630ea472bb2d8fcc4749755625ecd70d
push id2151
push userlsblakk@mozilla.com
push dateTue, 19 Feb 2013 18:06:57 +0000
treeherdermozilla-beta@4952e88741ec [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs838599
milestone20.0a2
Bug 838599 - Downloads Panel summary text is a little too big. r=mak a=gavin
browser/components/downloads/content/downloadsOverlay.xul
browser/themes/gnomestripe/downloads/downloads.css
browser/themes/pinstripe/downloads/downloads.css
browser/themes/winstripe/downloads/downloads.css
--- a/browser/components/downloads/content/downloadsOverlay.xul
+++ b/browser/components/downloads/content/downloadsOverlay.xul
@@ -108,25 +108,23 @@
         <hbox id="downloadsSummary"
               align="center"
               orient="horizontal"
               onkeydown="DownloadsSummary.onKeyDown(event);"
               onclick="DownloadsSummary.onClick(event);">
           <image class="downloadTypeIcon" />
           <vbox>
             <description id="downloadsSummaryDescription"
-                         class="downloadTarget"
                          style="min-width: &downloadsSummary.minWidth2;"/>
             <progressmeter id="downloadsSummaryProgress"
                            class="downloadProgress"
                            min="0"
                            max="100"
                            mode="normal" />
             <description id="downloadsSummaryDetails"
-                         class="downloadDetails"
                          style="width: &downloadDetails.width;"
                          crop="end"/>
           </vbox>
         </hbox>
 
         <button id="downloadsHistory"
                 class="plain"
                 label="&downloadsHistory.label;"
--- a/browser/themes/gnomestripe/downloads/downloads.css
+++ b/browser/themes/gnomestripe/downloads/downloads.css
@@ -106,26 +106,33 @@ richlistitem[type="download"]:last-child
       which is a ch unit. Since this is the value that should control the
       panel width, we apply it to the outer container to constrain
       .downloadTarget and .downloadProgress.
 
    Finally, since we want .downloadTarget's font-size to be at 100% of the
    font-size of .downloadContainer's parent, we use calc to go from the
    smaller font-size back to the original font-size.
  */
+
+#downloadsSummaryDetails,
 .downloadContainer {
   font-size: 90%;
 }
 
+#downloadsSummaryDescription,
 .downloadTarget {
-  font-size: calc(100%/0.9);
   margin-bottom: 7px;
   cursor: inherit;
 }
 
+.downloadTarget {
+  font-size: calc(100%/0.9);
+}
+
+#downloadsSummaryDetails,
 .downloadDetails {
   margin-top: 1px;
   opacity: 0.6;
   cursor: inherit;
 }
 
 .downloadButton {
   -moz-appearance: none;
--- a/browser/themes/pinstripe/downloads/downloads.css
+++ b/browser/themes/pinstripe/downloads/downloads.css
@@ -128,26 +128,32 @@ richlistitem[type="download"]:last-child
       which is a ch unit. Since this is the value that should control the
       panel width, we apply it to the outer container to constrain
       .downloadTarget and .downloadProgress.
 
    Finally, since we want .downloadTarget's font-size to be at 100% of the
    font-size of .downloadContainer's parent, we use calc to go from the
    smaller font-size back to the original font-size.
  */
+#downloadsSummaryDetails,
 .downloadContainer {
   font-size: 95%;
 }
 
+#downloadsSummaryDescription,
 .downloadTarget {
-  font-size: calc(100%/0.95);
   margin-bottom: 6px;
   cursor: inherit;
 }
 
+.downloadTarget {
+  font-size: calc(100%/0.95);
+}
+
+#downloadsSummaryDetails,
 .downloadDetails {
   opacity: 0.7;
   cursor: inherit;
 }
 
 .downloadButton {
   -moz-appearance: none;
   min-width: 0;
--- a/browser/themes/winstripe/downloads/downloads.css
+++ b/browser/themes/winstripe/downloads/downloads.css
@@ -118,26 +118,32 @@ richlistitem[type="download"]:first-chil
       which is a ch unit. Since this is the value that should control the
       panel width, we apply it to the outer container to constrain
       .downloadTarget and .downloadProgress.
 
    Finally, since we want .downloadTarget's font-size to be at 100% of the
    font-size of .downloadContainer's parent, we use calc to go from the
    smaller font-size back to the original font-size.
  */
+#downloadsSummaryDetails,
 .downloadContainer {
   font-size: 90%;
 }
 
+#downloadsSummaryDescription,
 .downloadTarget {
-  font-size: calc(100%/0.9);
   margin-bottom: 6px;
   cursor: inherit;
 }
 
+.downloadTarget {
+  font-size: calc(100%/0.9);
+}
+
+#downloadsSummaryDetails,
 .downloadDetails {
   opacity: 0.6;
   cursor: inherit;
 }
 
 .downloadButton {
   -moz-appearance: none;
   min-width: 0;