Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(191)

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 1834913003: MD Downloads: make inactive downloads less gloomy! (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/md_downloads/item.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!-- 1 <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!--
2 @license 2 @license
3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 1860 matching lines...) Expand 10 before | Expand all | Expand 10 after
1871 position: relative; 1871 position: relative;
1872 width: var(--downloads-item-width); 1872 width: var(--downloads-item-width);
1873 } 1873 }
1874 1874
1875 #content.is-active { 1875 #content.is-active {
1876 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), 1876 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08),
1877 0 3px 1px -2px rgba(0, 0, 0, .2); 1877 0 3px 1px -2px rgba(0, 0, 0, .2);
1878 } 1878 }
1879 1879
1880 #content:not(.is-active) { 1880 #content:not(.is-active) {
1881 opacity: .6; 1881 background: rgba(255, 255, 255, .6);
1882 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .03), 0 1px 4px 0 rgba(0, 0, 0, .048),
1883 0 3px 1px -2px rgba(0, 0, 0, .12);
1882 } 1884 }
1883 1885
1884 #details { 1886 #details {
1885 -webkit-border-start: 1px #d8d8d8 solid; 1887 -webkit-border-start: 1px #d8d8d8 solid;
1886 -webkit-padding-end: 16px; 1888 -webkit-padding-end: 16px;
1887 -webkit-padding-start: 24px; 1889 -webkit-padding-start: 24px;
1888 display: flex; 1890 display: flex;
1889 flex: 1; 1891 flex: 1;
1890 flex-direction: column; 1892 flex-direction: column;
1891 min-width: 0; /* This allows #url to ellide correctly. */ 1893 min-width: 0; /* This allows #url to ellide correctly. */
1892 padding-bottom: 12px; 1894 padding-bottom: 12px;
1893 padding-top: 16px; 1895 padding-top: 16px;
1894 } 1896 }
1895 1897
1896 #content:not(.is-active) #details { 1898 #content:not(.is-active) #details {
1897 color: #bababa; 1899 color: rgba(186, 186, 186, .6);
1898 } 1900 }
1899 1901
1900 #content:not(.is-active) #name { 1902 #content:not(.is-active) #name {
1901 text-decoration: line-through; 1903 text-decoration: line-through;
1902 } 1904 }
1903 1905
1904 .icon-wrapper { 1906 .icon-wrapper {
1905 align-self: center; 1907 align-self: center;
1906 flex: none; 1908 flex: none;
1907 justify-content: center; 1909 justify-content: center;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
1946 #name, 1948 #name,
1947 #file-link { 1949 #file-link {
1948 font-weight: 500; 1950 font-weight: 500;
1949 word-break: break-all; 1951 word-break: break-all;
1950 } 1952 }
1951 1953
1952 #name { 1954 #name {
1953 -webkit-margin-end: 12px; /* Only really affects #tag. */ 1955 -webkit-margin-end: 12px; /* Only really affects #tag. */
1954 } 1956 }
1955 1957
1956 .is-active :-webkit-any(#name, #file-link, #pause, #resume, #show) { 1958 #resume,
1959 .is-active :-webkit-any(#name, #file-link, #pause, #show) {
1957 color: rgb(51, 103, 214); 1960 color: rgb(51, 103, 214);
1958 } 1961 }
1959 1962
1960 #tag { 1963 #tag {
1961 color: #5a5a5a; 1964 color: #5a5a5a;
1962 font-weight: 500; 1965 font-weight: 500;
1963 } 1966 }
1964 1967
1965 #url { 1968 #url {
1966 color: inherit; 1969 color: inherit;
(...skipping 922 matching lines...) Expand 10 before | Expand all | Expand 10 after
2889 <if expr="is_macosx"> 2892 <if expr="is_macosx">
2890 <command id="undo-command" shortcut="Meta-U+005A"></command> 2893 <command id="undo-command" shortcut="Meta-U+005A"></command>
2891 <command id="find-command" shortcut="Meta-U+0046"></command> 2894 <command id="find-command" shortcut="Meta-U+0046"></command>
2892 </if> 2895 </if>
2893 <if expr="not is_macosx"> 2896 <if expr="not is_macosx">
2894 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2897 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2895 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2898 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2896 </if> 2899 </if>
2897 2900
2898 <script src="crisper.js"></script></body></html> 2901 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/item.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698