From bb7ae0e1760d0782437ac193214c944bc41790ff Mon Sep 17 00:00:00 2001
From: dbeam <dbeam@chromium.org>
Date: Fri, 25 Mar 2016 17:46:38 -0700
Subject: MD Downloads: make inactive downloads less gloomy!

R=asanka@chromium.org
BUG=592682

Review URL: https://codereview.chromium.org/1834913003

Cr-Commit-Position: refs/heads/master@{#383422}
---
 chrome/browser/resources/md_downloads/item.css        | 9 ++++++---
 chrome/browser/resources/md_downloads/vulcanized.html | 9 ++++++---
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/chrome/browser/resources/md_downloads/item.css b/chrome/browser/resources/md_downloads/item.css
index af5d944..41cc3cb 100644
--- a/chrome/browser/resources/md_downloads/item.css
+++ b/chrome/browser/resources/md_downloads/item.css
@@ -36,7 +36,9 @@
 }
 
 #content:not(.is-active) {
-  opacity: .6;
+  background: rgba(255, 255, 255, .6);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .048),
+              0 3px 1px -2px rgba(0, 0, 0, .12);
 }
 
 #details {
@@ -52,7 +54,7 @@
 }
 
 #content:not(.is-active) #details {
-  color: #bababa;
+  color: rgba(186, 186, 186, .6);
 }
 
 #content:not(.is-active) #name {
@@ -111,7 +113,8 @@
   -webkit-margin-end: 12px;  /* Only really affects #tag. */
 }
 
-.is-active :-webkit-any(#name, #file-link, #pause, #resume, #show) {
+#resume,
+.is-active :-webkit-any(#name, #file-link, #pause, #show) {
   color: rgb(51, 103, 214);
 }
 
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index 8666191..d46d884 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -1878,7 +1878,9 @@ paper-button {
 }
 
 #content:not(.is-active) {
-  opacity: .6;
+  background: rgba(255, 255, 255, .6);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .048),
+              0 3px 1px -2px rgba(0, 0, 0, .12);
 }
 
 #details {
@@ -1894,7 +1896,7 @@ paper-button {
 }
 
 #content:not(.is-active) #details {
-  color: #bababa;
+  color: rgba(186, 186, 186, .6);
 }
 
 #content:not(.is-active) #name {
@@ -1953,7 +1955,8 @@ paper-button {
   -webkit-margin-end: 12px;  /* Only really affects #tag. */
 }
 
-.is-active :-webkit-any(#name, #file-link, #pause, #resume, #show) {
+#resume,
+.is-active :-webkit-any(#name, #file-link, #pause, #show) {
   color: rgb(51, 103, 214);
 }
 
-- 
cgit v1.1