| OLD | NEW |
|---|
| 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 2361 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2402 * Use of this source code is governed by a BSD-style license that can be | 2404 * Use of this source code is governed by a BSD-style license that can be |
| 2403 * found in the LICENSE file. */ | 2405 * found in the LICENSE file. */ |
| 2404 | 2406 |
| 2405 :host { | 2407 :host { |
| 2406 -webkit-padding-end: 10px; | 2408 -webkit-padding-end: 10px; |
| 2407 box-sizing: border-box; | 2409 box-sizing: border-box; |
| 2408 display: flex; | 2410 display: flex; |
| 2409 justify-content: flex-end; | 2411 justify-content: flex-end; |
| 2410 } | 2412 } |
| 2411 | 2413 |
| 2412 :host paper-input-container { | 2414 [hidden] { |
| 2415 display: none !important; |
| 2416 } |
| 2417 |
| 2418 paper-input-container { |
| 2413 margin-top: 2px; | 2419 margin-top: 2px; |
| 2414 max-width: 200px; | 2420 max-width: 200px; |
| 2415 padding: 2px 0; | 2421 padding: 2px 0; |
| 2416 width: 100%; | 2422 width: 100%; |
| 2417 } | 2423 } |
| 2418 | 2424 |
| 2419 #search-term { | 2425 #searchTerm { |
| 2420 --paper-input-container-color: rgb(192, 199, 205); | 2426 --paper-input-container-color: rgb(192, 199, 205); |
| 2421 --paper-input-container-focus-color: rgb(192, 199, 205); | 2427 --paper-input-container-focus-color: rgb(192, 199, 205); |
| 2422 --paper-input-container-input: { | 2428 --paper-input-container-input: { |
| 2423 color: inherit; | 2429 color: inherit; |
| 2424 font-family: inherit; | 2430 font-family: inherit; |
| 2425 font-size: inherit; | 2431 font-size: inherit; |
| 2426 }; | 2432 }; |
| 2427 --paper-input-container-input-color: rgb(192, 199, 205); | 2433 --paper-input-container-input-color: rgb(192, 199, 205); |
| 2428 color: rgb(192, 199, 205); | 2434 color: rgb(192, 199, 205); |
| 2429 z-index: 0; | 2435 z-index: 0; |
| 2430 } | 2436 } |
| 2431 | 2437 |
| 2432 #search-term input[type='search']::-webkit-search-decoration, | 2438 #searchTerm input[type='search']::-webkit-search-decoration, |
| 2433 #search-term input[type='search']::-webkit-search-cancel-button, | 2439 #searchTerm input[type='search']::-webkit-search-cancel-button, |
| 2434 #search-term input[type='search']::-webkit-search-results-button { | 2440 #searchTerm input[type='search']::-webkit-search-results-button { |
| 2435 -webkit-appearance: none; | 2441 -webkit-appearance: none; |
| 2436 } | 2442 } |
| 2437 | 2443 |
| 2438 #search-term input[type='search']::-webkit-search-cancel-button { | 2444 #searchTerm input[type='search']::-webkit-search-cancel-button { |
| 2439 display: block; | 2445 display: block; |
| 2440 width: 20px; | 2446 width: 20px; |
| 2441 } | 2447 } |
| 2442 | 2448 |
| 2443 paper-icon-button { | 2449 paper-icon-button { |
| 2444 --iron-icon-height: 20px; | 2450 --iron-icon-height: 20px; |
| 2445 --iron-icon-width: 20px; | 2451 --iron-icon-width: 20px; |
| 2446 --paper-icon-button: { | 2452 --paper-icon-button: { |
| 2447 height: 32px; | 2453 height: 32px; |
| 2448 padding: 6px; | 2454 padding: 6px; |
| 2449 width: 32px; | 2455 width: 32px; |
| 2450 }; | 2456 }; |
| 2451 } | 2457 } |
| 2452 | 2458 |
| 2453 #search-term paper-icon-button { | 2459 #searchTerm paper-icon-button { |
| 2454 --iron-icon-height: 16px; | 2460 --iron-icon-height: 16px; |
| 2455 --iron-icon-width: 16px; | 2461 --iron-icon-width: 16px; |
| 2456 --paper-icon-button: { | 2462 --paper-icon-button: { |
| 2457 -webkit-margin-end: -8px; | 2463 -webkit-margin-end: -8px; |
| 2458 height: 32px; | 2464 height: 32px; |
| 2459 padding: 8px; | 2465 padding: 8px; |
| 2460 width: 32px; | 2466 width: 32px; |
| 2461 }; | 2467 }; |
| 2462 position: absolute; | 2468 position: absolute; |
| 2463 right: 0; | 2469 right: 0; |
| 2464 top: -4px; | 2470 top: -4px; |
| 2465 z-index: 1; | 2471 z-index: 1; |
| 2466 } | 2472 } |
| 2467 | 2473 |
| 2468 :host-context([dir='rtl']) #search-term paper-icon-button { | 2474 :host-context([dir='rtl']) #searchTerm paper-icon-button { |
| 2469 left: 0; | 2475 left: 0; |
| 2470 right: auto; | 2476 right: auto; |
| 2471 } | 2477 } |
| 2472 | 2478 |
| 2473 </style> | 2479 </style> |
| 2474 <paper-icon-button icon="cr:search" id="search-button" disabled$="[[showingS
earch_]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button> | 2480 <paper-icon-button icon="cr:search" id="searchButton" disabled$="[[showingSe
arch]]" title="[[label]]" on-click="toggleShowingSearch_"></paper-icon-button> |
| 2475 <template is="dom-if" if="[[showingSearch_]]" id="search-container"> | 2481 <paper-input-container id="searchTerm" on-search="onSearchTermSearch_" on-ke
ydown="onSearchTermKeydown_" hidden$="[[!showingSearch]]" no-label-float=""> |
| 2476 <paper-input-container id="search-term" on-search="onSearchTermSearch_" on
-keydown="onSearchTermKeydown_" hidden$="[[!showingSearch_]]" no-label-float=""> | 2482 <input is="iron-input" id="searchInput" type="search" placeholder="[[label
]]" incremental=""> |
| 2477 <input is="iron-input" id="search-input" type="search" placeholder="[[la
bel]]" incremental=""> | 2483 <paper-icon-button icon="cr:cancel" id="clearSearch" on-click="toggleShowi
ngSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch]]"></paper-icon-butt
on> |
| 2478 <paper-icon-button icon="cr:cancel" id="clear-search" on-click="toggleSh
owingSearch_" title="[[clearLabel]]" hidden$="[[!showingSearch_]]"></paper-icon-
button> | 2484 </paper-input-container> |
| 2479 </paper-input-container> | |
| 2480 </template> | |
| 2481 </template> | 2485 </template> |
| 2482 | 2486 |
| 2483 </dom-module> | 2487 </dom-module> |
| 2484 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/"> | 2488 <dom-module id="downloads-toolbar" assetpath="chrome://downloads/"> |
| 2485 <template><style> | 2489 <template><style> |
| 2486 /* Copyright 2015 The Chromium Authors. All rights reserved. | 2490 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2487 * Use of this source code is governed by a BSD-style license that can be | 2491 * Use of this source code is governed by a BSD-style license that can be |
| 2488 * found in the LICENSE file. */ | 2492 * found in the LICENSE file. */ |
| 2489 | 2493 |
| 2490 :host { | 2494 :host { |
| 2491 align-items: center; | 2495 align-items: center; |
| 2492 background: var(--md-toolbar-color); | 2496 background: var(--md-toolbar-color); |
| 2493 color: white; | 2497 color: white; |
| 2494 content-sizing: padding-box; | 2498 content-sizing: padding-box; |
| 2495 display: flex; | 2499 display: flex; |
| 2496 min-height: 56px; | 2500 min-height: 56px; |
| 2497 } | 2501 } |
| 2498 | 2502 |
| 2499 #title h1 { | 2503 #title h1 { |
| 2500 -webkit-margin-end: 0; | 2504 -webkit-margin-end: 0; |
| 2501 -webkit-margin-start: 24px; | 2505 -webkit-margin-start: 24px; |
| 2502 font-size: 123.1%; | 2506 font-size: 123.1%; |
| 2503 font-weight: normal; | 2507 font-weight: normal; |
| 2504 margin-bottom: 0; | 2508 margin-bottom: 0; |
| 2505 margin-top: 0; | 2509 margin-top: 0; |
| 2506 } | 2510 } |
| 2507 | 2511 |
| 2508 #actions { | 2512 #actions { |
| 2509 color: rgb(176, 190, 197); | 2513 color: rgba(255, 255, 255, 0.9); |
| 2510 display: flex; | 2514 display: flex; |
| 2511 flex: none; | 2515 flex: none; |
| 2512 width: var(--downloads-item-width); | 2516 width: var(--downloads-item-width); |
| 2513 } | 2517 } |
| 2514 | 2518 |
| 2515 :host-context([loading]) #actions { | 2519 :host-context([loading]) #actions { |
| 2516 visibility: hidden; | 2520 visibility: hidden; |
| 2517 } | 2521 } |
| 2518 | 2522 |
| 2519 :host(:not([downloads-showing])) #actions { | 2523 :host(:not([downloads-showing])) #actions { |
| 2520 justify-content: center; | 2524 justify-content: center; |
| 2521 } | 2525 } |
| 2522 | 2526 |
| 2523 #actions paper-button { | 2527 #actions paper-button { |
| 2524 --paper-button-flat-keyboard-focus: { | 2528 --paper-button-flat-keyboard-focus: { |
| 2525 color: white; | 2529 color: rgba(255, 255, 255, 1); |
| 2526 }; | 2530 }; |
| 2527 } | 2531 } |
| 2528 | 2532 |
| 2529 #actions paper-button:first-of-type { | 2533 #actions paper-button:first-of-type { |
| 2530 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */ | 2534 -webkit-margin-start: -0.57em; /* Matches paper-button padding. */ |
| 2531 } | 2535 } |
| 2532 | 2536 |
| 2533 #actions paper-button:not(:last-of-type) { | 2537 #actions paper-button:not(:last-of-type) { |
| 2534 -webkit-margin-end: 8px; /* Margin between items. */ | 2538 -webkit-margin-end: 8px; /* Margin between items. */ |
| 2535 } | 2539 } |
| (...skipping 105 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2641 </template> | 2645 </template> |
| 2642 | 2646 |
| 2643 | 2647 |
| 2644 </dom-module> | 2648 </dom-module> |
| 2645 <style> | 2649 <style> |
| 2646 /* Copyright 2016 The Chromium Authors. All rights reserved. | 2650 /* Copyright 2016 The Chromium Authors. All rights reserved. |
| 2647 * Use of this source code is governed by a BSD-style license that can be | 2651 * Use of this source code is governed by a BSD-style license that can be |
| 2648 * found in the LICENSE file. */ | 2652 * found in the LICENSE file. */ |
| 2649 | 2653 |
| 2650 :root { | 2654 :root { |
| 2651 /* These are custom, Chrome-specific colors that don't have --paper or | 2655 /* This is a custom, Chrome-specific color that does not have a --paper or |
| 2652 * --google equivalents. Blame bettes@. http://crbug.com/598451 */ | 2656 * --google equivalent. */ |
| 2653 --md-background-color: rgb(236, 239, 241); | 2657 --md-background-color: rgb(241, 241, 241); |
| 2654 --md-toolbar-color: rgb(52, 73, 94); | 2658 /* This is --google-blue-700, rewritten as a native custom property for speed. |
| 2659 */ |
| 2660 --md-toolbar-color: rgb(51, 103, 214); |
| 2655 } | 2661 } |
| 2656 | 2662 |
| 2657 </style> | 2663 </style> |
| 2658 | 2664 |
| 2659 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> | 2665 <dom-module id="downloads-manager" assetpath="chrome://downloads/"> |
| 2660 <template><style> | 2666 <template><style> |
| 2661 /* Copyright 2015 The Chromium Authors. All rights reserved. | 2667 /* Copyright 2015 The Chromium Authors. All rights reserved. |
| 2662 * Use of this source code is governed by a BSD-style license that can be | 2668 * Use of this source code is governed by a BSD-style license that can be |
| 2663 * found in the LICENSE file. */ | 2669 * found in the LICENSE file. */ |
| 2664 | 2670 |
| (...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 2754 <if expr="is_macosx"> | 2760 <if expr="is_macosx"> |
| 2755 <command id="undo-command" shortcut="Meta-U+005A"></command> | 2761 <command id="undo-command" shortcut="Meta-U+005A"></command> |
| 2756 <command id="find-command" shortcut="Meta-U+0046"></command> | 2762 <command id="find-command" shortcut="Meta-U+0046"></command> |
| 2757 </if> | 2763 </if> |
| 2758 <if expr="not is_macosx"> | 2764 <if expr="not is_macosx"> |
| 2759 <command id="undo-command" shortcut="Ctrl-U+005A"></command> | 2765 <command id="undo-command" shortcut="Ctrl-U+005A"></command> |
| 2760 <command id="find-command" shortcut="Ctrl-U+0046"></command> | 2766 <command id="find-command" shortcut="Ctrl-U+0046"></command> |
| 2761 </if> | 2767 </if> |
| 2762 <link rel="import" href="chrome://resources/html/polymer.html"> | 2768 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2763 <script src="crisper.js"></script></body></html> | 2769 <script src="crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2011943005:
MD History/Downloads: Update toolbar and background color (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master