diff options
| author | dbeam <dbeam@chromium.org> | 2016-03-25 17:46:38 -0700 |
|---|---|---|
| committer | Commit bot <commit-bot@chromium.org> | 2016-03-26 00:48:44 +0000 |
| commit | bb7ae0e1760d0782437ac193214c944bc41790ff (patch) | |
| tree | d03d2613a0b97222170488aa823e8d4ce519450b | |
| parent | dbe511aa9eea169722b239f82174850df2185eff (diff) | |
| download | chromium_src-bb7ae0e1760d0782437ac193214c944bc41790ff.zip chromium_src-bb7ae0e1760d0782437ac193214c944bc41790ff.tar.gz chromium_src-bb7ae0e1760d0782437ac193214c944bc41790ff.tar.bz2 | |
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}
| -rw-r--r-- | chrome/browser/resources/md_downloads/item.css | 9 | ||||
| -rw-r--r-- | 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); } |