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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2257703002: MD History: Improve test helpers, update synced tabs tests to use them (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Revulcanize Created 4 years, 4 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_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html><head><!-- 1 <html><head><!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 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 2441 matching lines...) Expand 10 before | Expand all | Expand 10 after
2452 </dom-module> 2452 </dom-module>
2453 <iron-iconset-svg size="24" name="history"> 2453 <iron-iconset-svg size="24" name="history">
2454 <svg> 2454 <svg>
2455 <defs> 2455 <defs>
2456 2456
2457 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2457 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2458 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g> 2458 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g>
2459 </defs> 2459 </defs>
2460 </svg> 2460 </svg>
2461 </iron-iconset-svg> 2461 </iron-iconset-svg>
2462 <style is="custom-style">
2463 :root {
2464 --card-border-color: rgba(0, 0, 0, 0.14);
2465 --card-box-shadow: {
2466 box-shadow: 0 2px 2px rgba(0, 0, 0, .05),
2467 0 1px 4px rgba(0, 0, 0, .08),
2468 0 1px 1px rgba(0, 0, 0, .2);;
2469 };
2470 --card-container-filter: {
2471 filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05))
2472 drop-shadow(0 1px 0px rgba(0, 0, 0, .08))
2473 drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
2474 };
2475 --card-first-last-item-padding: 8px;
2476 --card-max-width: 960px;
2477 --card-min-width: 550px;
2478 --card-padding-between: 20px;
2479 --card-padding-side: 24px;
2480 --card-sizing: {
2481 margin: 0 auto;
2482 max-width: var(--card-max-width);
2483 min-width: var(--card-min-width);
2484 padding: 0 var(--card-padding-side);
2485 width: calc(100% - 2 * var(--card-padding-side));
2486 };
2487 --first-card-padding-top: 24px;
2488 --item-height: 44px;
2489 --primary-text-color: #333;
2490 --secondary-text-color: #757575;
2491 --side-bar-width: 256px;
2492 --toolbar-grouped-height: 101px;
2493 --toolbar-height: 56px;
2494 }
2495 </style>
2462 <dom-module id="shared-style" assetpath="chrome://history/"> 2496 <dom-module id="shared-style" assetpath="chrome://history/">
2463 <template> 2497 <template>
2464 <style> 2498 <style>
2465 :root {
2466 --card-border-color: rgba(0, 0, 0, 0.14);
2467 --card-box-shadow: {
2468 box-shadow: 0 2px 2px rgba(0, 0, 0, .05),
2469 0 1px 4px rgba(0, 0, 0, .08),
2470 0 1px 1px rgba(0, 0, 0, .2);;
2471 };
2472 --card-container-filter: {
2473 filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .05))
2474 drop-shadow(0 1px 0px rgba(0, 0, 0, .08))
2475 drop-shadow(0 1px 1px rgba(0, 0, 0, .2));
2476 };
2477 --card-first-last-item-padding: 8px;
2478 --card-max-width: 960px;
2479 --card-min-width: 550px;
2480 --card-padding-between: 20px;
2481 --card-padding-side: 24px;
2482 --card-sizing: {
2483 margin: 0 auto;
2484 max-width: var(--card-max-width);
2485 min-width: var(--card-min-width);
2486 padding: 0 var(--card-padding-side);
2487 width: calc(100% - 2 * var(--card-padding-side));
2488 };
2489 --first-card-padding-top: 24px;
2490 --item-height: 44px;
2491 --primary-text-color: #333;
2492 --secondary-text-color: #757575;
2493 --side-bar-width: 256px;
2494 --toolbar-grouped-height: 101px;
2495 --toolbar-height: 56px;
2496 }
2497
2498 [hidden] { 2499 [hidden] {
2499 display: none !important; 2500 display: none !important;
2500 } 2501 }
2501 2502
2502 .card-title { 2503 .card-title {
2503 @apply(--layout-center); 2504 @apply(--layout-center);
2504 @apply(--layout-horizontal); 2505 @apply(--layout-horizontal);
2505 -webkit-padding-start: 20px; 2506 -webkit-padding-start: 20px;
2506 border-bottom: 1px solid var(--card-border-color); 2507 border-bottom: 1px solid var(--card-border-color);
2507 border-radius: 2px 2px 0 0; 2508 border-radius: 2px 2px 0 0;
(...skipping 374 matching lines...) Expand 10 before | Expand all | Expand 10 after
2882 </iron-dropdown> 2883 </iron-dropdown>
2883 </template> 2884 </template>
2884 </dom-module> 2885 </dom-module>
2885 2886
2886 <style is="custom-style"> 2887 <style is="custom-style">
2887 :root { 2888 :root {
2888 --cr-actionable: { 2889 --cr-actionable: {
2889 cursor: pointer; 2890 cursor: pointer;
2890 }; 2891 };
2891 --cr-focused-item-color: var(--google-grey-300); 2892 --cr-focused-item-color: var(--google-grey-300);
2893 --cr-selectable-focus: {
2894 background-color: var(--cr-focused-item-color);
2895 outline: none;
2896 }
2892 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06); 2897 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);
2893 } 2898 }
2894 </style> 2899 </style>
2895 2900
2896 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/"> 2901 <dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elements/">
2897 <template> 2902 <template>
2898 <style> 2903 <style>
2904 /* Chrome spinners should be blue. */
2905 paper-spinner {
2906 --paper-spinner-layer-1-color: var(--google-blue-500);
2907 --paper-spinner-layer-2-color: var(--google-blue-500);
2908 --paper-spinner-layer-3-color: var(--google-blue-500);
2909 --paper-spinner-layer-4-color: var(--google-blue-500);
2910 }
2911
2899 .action-button { 2912 .action-button {
2900 background: var(--google-blue-500); 2913 background: var(--google-blue-500);
2901 color: white; 2914 color: white;
2902 --paper-button-flat-keyboard-focus: { 2915 --paper-button-flat-keyboard-focus: {
2903 background: rgb(58, 117, 215); /* 88% of --google-blue-500 */ 2916 background: rgb(58, 117, 215); /* 88% of --google-blue-500 */
2904 }; 2917 };
2905 } 2918 }
2906 2919
2907 .action-button[disabled] { 2920 .action-button[disabled] {
2908 opacity: .25; /* TODO(dbeam): check this value with bettes. */ 2921 opacity: .25; /* TODO(dbeam): check this value with bettes. */
2909 } 2922 }
2910 2923
2911 .cancel-button { 2924 .cancel-button {
2912 --paper-button-flat-keyboard-focus: { 2925 --paper-button-flat-keyboard-focus: {
2913 background: rgba(0, 0, 0, .12); 2926 background: rgba(0, 0, 0, .12);
2914 }; 2927 };
2915 } 2928 }
2916 2929
2917 .action-button, 2930 .action-button,
2918 .cancel-button { 2931 .cancel-button {
2919 font-weight: 500; 2932 font-weight: 500;
2920 } 2933 }
2921 2934
2922 [actionable] { 2935 [actionable] {
2923 @apply(--cr-actionable); 2936 @apply(--cr-actionable);
2924 } 2937 }
2938
2939 [selectable] :focus {
2940 @apply(--cr-selectable-focus);
2941 }
2942 [selectable] > * {
2943 @apply(--cr-actionable);
2944 }
2925 </style> 2945 </style>
2926 </template> 2946 </template>
2927 </dom-module> 2947 </dom-module>
2928 2948
2929 2949
2930 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/"> 2950 <dom-module id="paper-item-shared-styles" assetpath="chrome://resources/polymer/ v1_0/paper-item/">
2931 <template> 2951 <template>
2932 <style> 2952 <style>
2933 :host, .paper-item { 2953 :host, .paper-item {
2934 display: block; 2954 display: block;
(...skipping 1053 matching lines...) Expand 10 before | Expand all | Expand 10 after
3988 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 4008 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
3989 </history-side-bar> 4009 </history-side-bar>
3990 </app-drawer> 4010 </app-drawer>
3991 </template> 4011 </template>
3992 4012
3993 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 4013 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3994 </iron-media-query> 4014 </iron-media-query>
3995 </template> 4015 </template>
3996 </dom-module> 4016 </dom-module>
3997 <script src="app.crisper.js"></script></body></html> 4017 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698