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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2011943005: MD History/Downloads: Update toolbar and background color (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 7 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/crisper.js ('k') | chrome/browser/resources/md_history/app.html » ('j') | ui/webui/resources/css/md_colors.css » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{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
11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 11 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 12 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 13 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 14 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
15 Code distributed by Google as part of the polymer project is also 15 Code distributed by Google as part of the polymer project is also
16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 16 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
17 --> 17 -->
18 <meta charset="utf-8"> 18 <meta charset="utf-8">
19 <title>$i18n{title}</title> 19 <title>$i18n{title}</title>
20 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> 20 <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
21 <style> 21 <style>
22 /* Copyright 2016 The Chromium Authors. All rights reserved. 22 /* Copyright 2016 The Chromium Authors. All rights reserved.
23 * Use of this source code is governed by a BSD-style license that can be 23 * Use of this source code is governed by a BSD-style license that can be
24 * found in the LICENSE file. */ 24 * found in the LICENSE file. */
25 25
26 :root { 26 :root {
27 /* These are custom, Chrome-specific colors that don't have --paper or 27 /* This is a custom, Chrome-specific color that does not have a --paper or
28 * --google equivalents. Blame bettes@. http://crbug.com/598451 */ 28 * --google equivalent. */
29 --md-background-color: rgb(236, 239, 241); 29 --md-background-color: rgb(241, 241, 241);
30 --md-toolbar-color: rgb(52, 73, 94); 30 /* This is --google-blue-700, rewritten as a native custom property for speed.
31 */
32 --md-toolbar-color: rgb(51, 103, 214);
31 } 33 }
32 34
33 </style> 35 </style>
34 <style> 36 <style>
35 html { 37 html {
36 background: var(--md-background-color); 38 background: var(--md-background-color);
37 } 39 }
38 40
39 html, 41 html,
40 body { 42 body {
(...skipping 2343 matching lines...) Expand 10 before | Expand all | Expand 10 after
2384 * Use of this source code is governed by a BSD-style license that can be 2386 * Use of this source code is governed by a BSD-style license that can be
2385 * found in the LICENSE file. */ 2387 * found in the LICENSE file. */
2386 2388
2387 :host { 2389 :host {
2388 -webkit-padding-end: 10px; 2390 -webkit-padding-end: 10px;
2389 box-sizing: border-box; 2391 box-sizing: border-box;
2390 display: flex; 2392 display: flex;
2391 justify-content: flex-end; 2393 justify-content: flex-end;
2392 } 2394 }
2393 2395
2394 :host paper-input-container { 2396 [hidden] {
2397 display: none !important;
2398 }
2399
2400 paper-input-container {
2395 margin-top: 2px; 2401 margin-top: 2px;
2396 max-width: 200px; 2402 max-width: 200px;
2397 padding: 2px 0; 2403 padding: 2px 0;
2398 width: 100%; 2404 width: 100%;
2399 } 2405 }
2400 2406
2401 #search-term { 2407 #searchTerm {
2402 --paper-input-container-color: rgb(192, 199, 205); 2408 --paper-input-container-color: rgb(192, 199, 205);
2403 --paper-input-container-focus-color: rgb(192, 199, 205); 2409 --paper-input-container-focus-color: rgb(192, 199, 205);
2404 --paper-input-container-input: { 2410 --paper-input-container-input: {
2405 color: inherit; 2411 color: inherit;
2406 font-family: inherit; 2412 font-family: inherit;
2407 font-size: inherit; 2413 font-size: inherit;
2408 }; 2414 };
2409 --paper-input-container-input-color: rgb(192, 199, 205); 2415 --paper-input-container-input-color: rgb(192, 199, 205);
2410 color: rgb(192, 199, 205); 2416 color: rgb(192, 199, 205);
2411 z-index: 0; 2417 z-index: 0;
2412 } 2418 }
2413 2419
2414 #search-term input[type='search']::-webkit-search-decoration, 2420 #searchTerm input[type='search']::-webkit-search-decoration,
2415 #search-term input[type='search']::-webkit-search-cancel-button, 2421 #searchTerm input[type='search']::-webkit-search-cancel-button,
2416 #search-term input[type='search']::-webkit-search-results-button { 2422 #searchTerm input[type='search']::-webkit-search-results-button {
2417 -webkit-appearance: none; 2423 -webkit-appearance: none;
2418 } 2424 }
2419 2425
2420 #search-term input[type='search']::-webkit-search-cancel-button { 2426 #searchTerm input[type='search']::-webkit-search-cancel-button {
2421 display: block; 2427 display: block;
2422 width: 20px; 2428 width: 20px;
2423 } 2429 }
2424 2430
2425 paper-icon-button { 2431 paper-icon-button {
2426 --iron-icon-height: 20px; 2432 --iron-icon-height: 20px;
2427 --iron-icon-width: 20px; 2433 --iron-icon-width: 20px;
2428 --paper-icon-button: { 2434 --paper-icon-button: {
2429 height: 32px; 2435 height: 32px;
2430 padding: 6px; 2436 padding: 6px;
2431 width: 32px; 2437 width: 32px;
2432 }; 2438 };
2433 } 2439 }
2434 2440
2435 #search-term paper-icon-button { 2441 #searchTerm paper-icon-button {
2436 --iron-icon-height: 16px; 2442 --iron-icon-height: 16px;
2437 --iron-icon-width: 16px; 2443 --iron-icon-width: 16px;
2438 --paper-icon-button: { 2444 --paper-icon-button: {
2439 -webkit-margin-end: -8px; 2445 -webkit-margin-end: -8px;
2440 height: 32px; 2446 height: 32px;
2441 padding: 8px; 2447 padding: 8px;
2442 width: 32px; 2448 width: 32px;
2443 }; 2449 };
2444 position: absolute; 2450 position: absolute;
2445 right: 0; 2451 right: 0;
2446 top: -4px; 2452 top: -4px;
2447 z-index: 1; 2453 z-index: 1;
2448 } 2454 }
2449 2455
2450 :host-context([dir='rtl']) #search-term paper-icon-button { 2456 :host-context([dir='rtl']) #searchTerm paper-icon-button {
2451 left: 0; 2457 left: 0;
2452 right: auto; 2458 right: auto;
2453 } 2459 }
2454 2460
2455 </style> 2461 </style>
2456 <paper-icon-button icon="cr:search" id="search-button" disabled$="[[showingS earch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button> 2462 <paper-icon-button icon="cr:search" id="searchButton" disabled$="[[showingSe arch]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button>
2457 <template is="dom-if" if="[[showingSearch_]]" id="search-container"> 2463 <paper-input-container id="searchTerm" on-search="onSearchTermSearch_" on-ke ydown="onSearchTermKeydown_" hidden$="[[!showingSearch]]" no-label-float="">
2458 <paper-input-container id="search-term" on-search="onSearchTermSearch_" on -keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float=""> 2464 <input is="iron-input" id="searchInput" type="search" placeholder="[[label ]]" incremental="">
2459 <input is="iron-input" id="search-input" type="search" placeholder="[[la bel]]" incremental=""> 2465 <paper-icon-button icon="cr:cancel" id="clearSearch" on-click="toggleShowi ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch]]"></paper-icon-butt on>
2460 <paper-icon-button icon="cr:cancel" id="clear-search" on-click="toggleSh owingSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon- button> 2466 </paper-input-container>
2461 </paper-input-container>
2462 </template>
2463 </template> 2467 </template>
2464 2468
2465 </dom-module> 2469 </dom-module>
2466 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/"> 2470 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/">
2467 <template><style> 2471 <template><style>
2468 /* Copyright 2015 The Chromium Authors. All rights reserved. 2472 /* Copyright 2015 The Chromium Authors. All rights reserved.
2469 * Use of this source code is governed by a BSD-style license that can be 2473 * Use of this source code is governed by a BSD-style license that can be
2470 * found in the LICENSE file. */ 2474 * found in the LICENSE file. */
2471 2475
2472 :host { 2476 :host {
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after
2623 </template> 2627 </template>
2624 2628
2625 2629
2626 </dom-module> 2630 </dom-module>
2627 <style> 2631 <style>
2628 /* Copyright 2016 The Chromium Authors. All rights reserved. 2632 /* Copyright 2016 The Chromium Authors. All rights reserved.
2629 * Use of this source code is governed by a BSD-style license that can be 2633 * Use of this source code is governed by a BSD-style license that can be
2630 * found in the LICENSE file. */ 2634 * found in the LICENSE file. */
2631 2635
2632 :root { 2636 :root {
2633 /* These are custom, Chrome-specific colors that don't have --paper or 2637 /* This is a custom, Chrome-specific color that does not have a --paper or
2634 * --google equivalents. Blame bettes@. http://crbug.com/598451 */ 2638 * --google equivalent. */
2635 --md-background-color: rgb(236, 239, 241); 2639 --md-background-color: rgb(241, 241, 241);
2636 --md-toolbar-color: rgb(52, 73, 94); 2640 /* This is --google-blue-700, rewritten as a native custom property for speed.
2641 */
2642 --md-toolbar-color: rgb(51, 103, 214);
2637 } 2643 }
2638 2644
2639 </style> 2645 </style>
2640 2646
2641 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> 2647 <dom-module id="downloads-manager" assetpath="chrome://downloads/">
2642 <template><style> 2648 <template><style>
2643 /* Copyright 2015 The Chromium Authors. All rights reserved. 2649 /* Copyright 2015 The Chromium Authors. All rights reserved.
2644 * Use of this source code is governed by a BSD-style license that can be 2650 * Use of this source code is governed by a BSD-style license that can be
2645 * found in the LICENSE file. */ 2651 * found in the LICENSE file. */
2646 2652
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
2736 <if expr="is_macosx"> 2742 <if expr="is_macosx">
2737 <command id="undo-command" shortcut="Meta-U+005A"></command> 2743 <command id="undo-command" shortcut="Meta-U+005A"></command>
2738 <command id="find-command" shortcut="Meta-U+0046"></command> 2744 <command id="find-command" shortcut="Meta-U+0046"></command>
2739 </if> 2745 </if>
2740 <if expr="not is_macosx"> 2746 <if expr="not is_macosx">
2741 <command id="undo-command" shortcut="Ctrl-U+005A"></command> 2747 <command id="undo-command" shortcut="Ctrl-U+005A"></command>
2742 <command id="find-command" shortcut="Ctrl-U+0046"></command> 2748 <command id="find-command" shortcut="Ctrl-U+0046"></command>
2743 </if> 2749 </if>
2744 <link rel="import" href="chrome://resources/html/polymer.html"> 2750 <link rel="import" href="chrome://resources/html/polymer.html">
2745 <script src="crisper.js"></script></body></html> 2751 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_history/app.html » ('j') | ui/webui/resources/css/md_colors.css » ('J')

Powered by Google App Engine
This is Rietveld 408576698