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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2280513002: MD History: promote menu button to show clear browsing data in narrow mode (Closed)
Patch Set: asdf Created 4 years, 3 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/browser_service.js » ('j') | chrome/browser/resources/md_history/history_toolbar.js » ('J')
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 1442 matching lines...) Expand 10 before | Expand all | Expand 10 after
1453 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g> 1453 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>
1454 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g> 1454 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>
1455 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g> 1455 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g>
1456 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g> 1456 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>
1457 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g> 1457 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>
1458 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g> 1458 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>
1459 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g> 1459 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>
1460 </defs> 1460 </defs>
1461 </svg> 1461 </svg>
1462 </iron-iconset-svg> 1462 </iron-iconset-svg>
1463 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1463 1464
1464 1465
1466 <dom-module id="paper-tooltip" assetpath="chrome://resources/polymer/v1_0/paper- tooltip/">
1467 <template>
1468 <style>
1469 :host {
1470 display: block;
1471 position: absolute;
1472 outline: none;
1473 z-index: 1002;
1474 -moz-user-select: none;
1475 -ms-user-select: none;
1476 -webkit-user-select: none;
1477 user-select: none;
1478 cursor: default;
1479 }
1480
1481 #tooltip {
1482 display: block;
1483 outline: none;
1484 @apply(--paper-font-common-base);
1485 font-size: 10px;
1486 line-height: 1;
1487
1488 background-color: var(--paper-tooltip-background, #616161);
1489 opacity: var(--paper-tooltip-opacity, 0.9);
1490 color: var(--paper-tooltip-text-color, white);
1491
1492 padding: 8px;
1493 border-radius: 2px;
1494
1495 @apply(--paper-tooltip);
1496 }
1497
1498 /* Thanks IE 10. */
1499 .hidden {
1500 display: none !important;
1501 }
1502 </style>
1503
1504 <div id="tooltip" class="hidden">
1505 <content></content>
1506 </div>
1507 </template>
1508
1509 </dom-module>
1465 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/"> 1510 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/">
1466 <template> 1511 <template>
1467 <style> 1512 <style>
1468 :host { 1513 :host {
1469 display: inline-block; 1514 display: inline-block;
1470 position: fixed; 1515 position: fixed;
1471 clip: rect(0px,0px,0px,0px); 1516 clip: rect(0px,0px,0px,0px);
1472 } 1517 }
1473 </style> 1518 </style>
1474 <div aria-live$="[[mode]]">[[_text]]</div> 1519 <div aria-live$="[[mode]]">[[_text]]</div>
(...skipping 954 matching lines...) Expand 10 before | Expand all | Expand 10 after
2429 @apply(--cr-toolbar-right-content-wide); 2474 @apply(--cr-toolbar-right-content-wide);
2430 } 2475 }
2431 2476
2432 :host([narrow_]) #centeredContent { 2477 :host([narrow_]) #centeredContent {
2433 justify-content: flex-end; 2478 justify-content: flex-end;
2434 } 2479 }
2435 2480
2436 :host([narrow_][showing-search_]) #leftContent { 2481 :host([narrow_][showing-search_]) #leftContent {
2437 opacity: 0; 2482 opacity: 0;
2438 } 2483 }
2484
2485 paper-tooltip {
2486 --paper-tooltip: {
2487 align-items: center;
2488 display: flex;
2489 font-size: 92.3%;
2490 font-weight: 500;
2491 padding: 6px 12px 6px 8px;
2492 white-space: nowrap;
2493 };
2494 }
2495
2496 iron-icon {
2497 --iron-icon-height: 20px;
2498 --iron-icon-width: 20px;
2499 -webkit-margin-start: 12px;
2500 }
2439 </style> 2501 </style>
2440 <div id="leftContent"> 2502 <div id="leftContent">
2441 <template is="dom-if" if="[[showMenu]]"> 2503 <template is="dom-if" if="[[showMenu]]">
2442 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 2504 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowingMenuPromo_(menuLabel,
2505 showingMenuPromo_)]]">
2443 </paper-icon-button> 2506 </paper-icon-button>
2507 <template is="dom-if" if="[[showingMenuPromo_]]">
2508 <paper-tooltip for="menuButton" position="bottom" offset="20" manual-m ode="" fit-to-visible-bounds="">
2509 [[menuPromo]]
2510 <iron-icon icon="cr:clear" on-tap="onMenuPromoCloseTap_">
2511 </iron-icon>
2512 </paper-tooltip>
2513 </template>
2444 </template> 2514 </template>
2445 <h1>[[pageName]]</h1> 2515 <h1>[[pageName]]</h1>
2446 </div> 2516 </div>
2447 2517
2448 <div id="centeredContent"> 2518 <div id="centeredContent">
2449 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 2519 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
2450 </cr-toolbar-search-field> 2520 </cr-toolbar-search-field>
2451 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2521 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2452 </iron-media-query> 2522 </iron-media-query>
2453 </div> 2523 </div>
2454 2524
2455 <div id="rightContent"> 2525 <div id="rightContent">
2456 <content select=".more-actions"></content> 2526 <content select=".more-actions"></content>
2457 </div> 2527 </div>
2458 </template> 2528 </template>
2459 </dom-module> 2529 </dom-module>
2530 <link rel="import" href="chrome://history/constants.html">
2460 <iron-iconset-svg size="24" name="history"> 2531 <iron-iconset-svg size="24" name="history">
2461 <svg> 2532 <svg>
2462 <defs> 2533 <defs>
2463 2534
2464 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2535 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2465 <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> 2536 <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>
2466 </defs> 2537 </defs>
2467 </svg> 2538 </svg>
2468 </iron-iconset-svg> 2539 </iron-iconset-svg>
2469 <style is="custom-style"> 2540 <style is="custom-style">
(...skipping 220 matching lines...) Expand 10 before | Expand all | Expand 10 after
2690 text-align: right; 2761 text-align: right;
2691 text-overflow: ellipsis; 2762 text-overflow: ellipsis;
2692 white-space: nowrap; 2763 white-space: nowrap;
2693 } 2764 }
2694 2765
2695 :host-context([dir=rtl]) .rtl-reversible { 2766 :host-context([dir=rtl]) .rtl-reversible {
2696 transform: rotate(180deg); 2767 transform: rotate(180deg);
2697 } 2768 }
2698 </style> 2769 </style>
2699 <div id="toolbar-container"> 2770 <div id="toolbar-container">
2700 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" menu-label="$i18n{hi storyMenuButton}" on-search-changed="onSearchChanged_"> 2771 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" menu-label="$i18n{hi storyMenuButton}" on-search-changed="onSearchChanged_" menu-promo="$i18n{menuPro mo}" show-menu-promo="[[showMenuPromo_]]" on-cr-menu-promo-shown="onMenuPromoSho wn_">
2701 </cr-toolbar> 2772 </cr-toolbar>
2702 <template is="dom-if" if="[[itemsSelected_]]"> 2773 <template is="dom-if" if="[[itemsSelected_]]">
2703 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> 2774 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]">
2704 <div id="overlay-buttons"> 2775 <div id="overlay-buttons">
2705 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_"></paper-icon-button> 2776 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_"></paper-icon-button>
2706 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> 2777 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div>
2707 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> 2778 <paper-button id="cancel-button" on-tap="onClearSelectionTap_">
2708 $i18n{cancel} 2779 $i18n{cancel}
2709 </paper-button> 2780 </paper-button>
2710 <paper-button id="delete-button" on-tap="onDeleteTap_"> 2781 <paper-button id="delete-button" on-tap="onDeleteTap_">
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after
2853 pointer-events: auto; 2924 pointer-events: auto;
2854 @apply(--iron-overlay-backdrop-opened); 2925 @apply(--iron-overlay-backdrop-opened);
2855 } 2926 }
2856 </style> 2927 </style>
2857 2928
2858 <content></content> 2929 <content></content>
2859 </template> 2930 </template>
2860 2931
2861 </dom-module> 2932 </dom-module>
2862 2933
2863 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
2864
2865
2866 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/"> 2934 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/">
2867 <template> 2935 <template>
2868 <style> 2936 <style>
2869 :host { 2937 :host {
2870 position: fixed; 2938 position: fixed;
2871 } 2939 }
2872 2940
2873 #contentWrapper ::content > * { 2941 #contentWrapper ::content > * {
2874 overflow: auto; 2942 overflow: auto;
2875 } 2943 }
(...skipping 179 matching lines...) Expand 10 before | Expand all | Expand 10 after
3055 @apply(--paper-font-subhead); 3123 @apply(--paper-font-subhead);
3056 3124
3057 @apply(--paper-item); 3125 @apply(--paper-item);
3058 } 3126 }
3059 </style> 3127 </style>
3060 3128
3061 <content></content> 3129 <content></content>
3062 </template> 3130 </template>
3063 3131
3064 </dom-module> 3132 </dom-module>
3065 <link rel="import" href="chrome://history/constants.html">
3066 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/"> 3133 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/">
3067 3134
3068 <template> 3135 <template>
3069 3136
3070 <style> 3137 <style>
3071 :host { 3138 :host {
3072 display: block; 3139 display: block;
3073 transition-duration: var(--iron-collapse-transition-duration, 300ms); 3140 transition-duration: var(--iron-collapse-transition-duration, 300ms);
3074 overflow: visible; 3141 overflow: visible;
3075 } 3142 }
(...skipping 1000 matching lines...) Expand 10 before | Expand all | Expand 10 after
4076 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 4143 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
4077 </history-side-bar> 4144 </history-side-bar>
4078 </app-drawer> 4145 </app-drawer>
4079 </template> 4146 </template>
4080 4147
4081 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 4148 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
4082 </iron-media-query> 4149 </iron-media-query>
4083 </template> 4150 </template>
4084 </dom-module> 4151 </dom-module>
4085 <script src="app.crisper.js"></script></body></html> 4152 <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/browser_service.js » ('j') | chrome/browser/resources/md_history/history_toolbar.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698