Add a site indicator to in-progress downloads

3 files changed, 24 insertions, 25 deletions

diff --git a/browser/themes/linux/downloads/downloads.css b/browser/themes/linux/downloads/downloads.css
index 240e37d86..7c4cd2cc4 100644
--- a/browser/themes/linux/downloads/downloads.css
+++ b/browser/themes/linux/downloads/downloads.css
@@ -97,33 +97,32 @@ richlistitem[type="download"]:last-child {
   list-style-image: url("chrome://global/skin/icons/Error.png");
 }
 
-/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
-   a vbox with class .downloadContainer. We set the font-size of the entire
-   container to 90% because:
+/* We hold .downloadDisplayName, .downloadProgress and .downloadDetails
+   inside of a vbox with class .downloadContainer. We set the font-size of
+   the entire container to 90% because:
 
    1) This is the size that we want .downloadDetails to be
    2) The container's width is set by localizers by &downloadDetails.width;,
       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.
+      .downloadDisplayName 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
+   Finally, since we want .downloadDisplayName'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 {
+.downloadDisplayName {
   margin-bottom: 7px;
   cursor: inherit;
 }
 
-.downloadTarget {
+.downloadDisplayName {
   font-size: calc(100%/0.9);
 }
 
diff --git a/browser/themes/osx/downloads/downloads.css b/browser/themes/osx/downloads/downloads.css
index c8cdbd8be..3f4ee7e65 100644
--- a/browser/themes/osx/downloads/downloads.css
+++ b/browser/themes/osx/downloads/downloads.css
@@ -105,18 +105,18 @@ richlistitem[type="download"]:first-child {
   list-style-image: url("chrome://global/skin/icons/Error.png");
 }
 
-/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
-   a vbox with class .downloadContainer. We set the font-size of the entire
-   container to 90% because:
+/* We hold .downloadDisplayName, .downloadProgress and .downloadDetails
+   inside of a vbox with class .downloadContainer. We set the font-size of
+   the entire container to 90% because:
 
    1) This is the size that we want .downloadDetails to be
    2) The container's width is set by localizers by &downloadDetails.width;,
       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.
+      .downloadDisplayName 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
+   Finally, since we want .downloadDisplayName'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,
@@ -125,12 +125,12 @@ richlistitem[type="download"]:first-child {
 }
 
 #downloadsSummaryDescription,
-.downloadTarget {
+.downloadDisplayName {
   margin-bottom: 6px;
   cursor: inherit;
 }
 
-.downloadTarget {
+.downloadDisplayName {
   font-size: calc(100%/0.9);
 }
 
diff --git a/browser/themes/windows/downloads/downloads.css b/browser/themes/windows/downloads/downloads.css
index 071420c4d..ff4a13855 100644
--- a/browser/themes/windows/downloads/downloads.css
+++ b/browser/themes/windows/downloads/downloads.css
@@ -109,18 +109,18 @@ richlistitem[type="download"]:first-child {
   list-style-image: url("chrome://global/skin/icons/Error.png");
 }
 
-/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
-   a vbox with class .downloadContainer. We set the font-size of the entire
-   container to 90% because:
+/* We hold .downloadDisplayName, .downloadProgress and .downloadDetails
+   inside of a vbox with class .downloadContainer. We set the font-size of
+   the entire container to 90% because:
 
    1) This is the size that we want .downloadDetails to be
    2) The container's width is set by localizers by &downloadDetails.width;,
       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.
+      .downloadDisplayName 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
+   Finally, since we want .downloadDisplayName'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,
@@ -129,12 +129,12 @@ richlistitem[type="download"]:first-child {
 }
 
 #downloadsSummaryDescription,
-.downloadTarget {
+.downloadDisplayName {
   margin-bottom: 6px;
   cursor: inherit;
 }
 
-.downloadTarget {
+.downloadDisplayName {
   font-size: calc(100%/0.9);
 }