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

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: !showingSearch_ 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/ui/webui/md_history_ui.cc » ('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 1176 matching lines...) Expand 10 before | Expand all | Expand 10 after
1187 <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> 1187 <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>
1188 <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> 1188 <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>
1189 <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> 1189 <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>
1190 <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> 1190 <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>
1191 <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> 1191 <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>
1192 <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> 1192 <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>
1193 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g> 1193 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>
1194 </defs> 1194 </defs>
1195 </svg> 1195 </svg>
1196 </iron-iconset-svg> 1196 </iron-iconset-svg>
1197 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
1197 1198
1198 1199
1200 <dom-module id="paper-tooltip" assetpath="chrome://resources/polymer/v1_0/paper- tooltip/" css-build="shadow">
1201 <template>
1202 <style scope="paper-tooltip">:host {
1203 display: block;
1204 position: absolute;
1205 outline: none;
1206 z-index: 1002;
1207 -moz-user-select: none;
1208 -ms-user-select: none;
1209 -webkit-user-select: none;
1210 user-select: none;
1211 cursor: default;
1212 }
1213
1214 #tooltip {
1215 display: block;
1216 outline: none;
1217 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
1218 font-size: 10px;
1219 line-height: 1;
1220
1221 background-color: var(--paper-tooltip-background, #616161);
1222 opacity: var(--paper-tooltip-opacity, 0.9);
1223 color: var(--paper-tooltip-text-color, white);
1224
1225 padding: 8px;
1226 border-radius: 2px;
1227
1228 align-items: var(--paper-tooltip_-_align-items); display: var(--paper-to oltip_-_display, block); font-size: var(--paper-tooltip_-_font-size, 10px); font -weight: var(--paper-tooltip_-_font-weight); padding: var(--paper-tooltip_-_padd ing, 8px); white-space: var(--paper-tooltip_-_white-space);
1229 }
1230
1231 .hidden {
1232 display: none !important;
1233 }
1234
1235 </style>
1236
1237 <div id="tooltip" class="hidden">
1238 <content></content>
1239 </div>
1240 </template>
1241
1242 </dom-module>
1199 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow"> 1243 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow">
1200 <template> 1244 <template>
1201 <style scope="iron-a11y-announcer">:host { 1245 <style scope="iron-a11y-announcer">:host {
1202 display: inline-block; 1246 display: inline-block;
1203 position: fixed; 1247 position: fixed;
1204 clip: rect(0px,0px,0px,0px); 1248 clip: rect(0px,0px,0px,0px);
1205 } 1249 }
1206 1250
1207 </style> 1251 </style>
1208 <div aria-live$="[[mode]]">[[_text]]</div> 1252 <div aria-live$="[[mode]]">[[_text]]</div>
(...skipping 1554 matching lines...) Expand 10 before | Expand all | Expand 10 after
2763 } 2807 }
2764 2808
2765 :host([narrow_]) #centeredContent { 2809 :host([narrow_]) #centeredContent {
2766 justify-content: flex-end; 2810 justify-content: flex-end;
2767 } 2811 }
2768 2812
2769 :host([narrow_][showing-search_]) #leftContent { 2813 :host([narrow_][showing-search_]) #leftContent {
2770 opacity: 0; 2814 opacity: 0;
2771 } 2815 }
2772 2816
2817 paper-tooltip {
2818 --paper-tooltip_-_align-items: center; --paper-tooltip_-_display: flex; --pa per-tooltip_-_font-size: 92.3%; --paper-tooltip_-_font-weight: 500; --paper-to oltip_-_padding: 6px 12px 6px 8px; --paper-tooltip_-_white-space: nowrap;;
2819 }
2820
2821 iron-icon {
2822 --iron-icon-height: 20px;
2823 --iron-icon-width: 20px;
2824 -webkit-margin-start: 12px;
2825 }
2826
2827 .arrow {
2828 -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
2829 background: inherit;
2830 left: 10px;
2831 height: 6px;
2832 position: absolute;
2833 top: -6px;
2834 width: 12px;
2835 }
2836
2773 </style> 2837 </style>
2774 <div id="leftContent"> 2838 <div id="leftContent">
2775 <template is="dom-if" if="[[showMenu]]"> 2839 <template is="dom-if" if="[[showMenu]]">
2776 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 2840 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]">
2777 </paper-icon-button> 2841 </paper-icon-button>
2842 <template is="dom-if" if="[[showMenuPromo]]">
2843 <paper-tooltip for="menuButton" position="bottom" offset="20" manual-m ode="" fit-to-visible-bounds="">
2844 <div class="arrow"></div>
2845 [[menuPromo]]
2846 <iron-icon icon="cr:clear" on-tap="onMenuPromoCloseTap_">
2847 </iron-icon>
2848 </paper-tooltip>
2849 </template>
2778 </template> 2850 </template>
2779 <h1>[[pageName]]</h1> 2851 <h1>[[pageName]]</h1>
2780 </div> 2852 </div>
2781 2853
2782 <div id="centeredContent"> 2854 <div id="centeredContent">
2783 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 2855 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
2784 </cr-toolbar-search-field> 2856 </cr-toolbar-search-field>
2785 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2857 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2786 </iron-media-query> 2858 </iron-media-query>
2787 </div> 2859 </div>
2788 2860
2789 <div id="rightContent"> 2861 <div id="rightContent">
2790 <content select=".more-actions"></content> 2862 <content select=".more-actions"></content>
2791 </div> 2863 </div>
2792 </template> 2864 </template>
2793 </dom-module> 2865 </dom-module>
2866 <link rel="import" href="chrome://history/constants.html">
2794 <iron-iconset-svg size="24" name="history"> 2867 <iron-iconset-svg size="24" name="history">
2795 <svg> 2868 <svg>
2796 <defs> 2869 <defs>
2797 2870
2798 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2871 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2799 <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> 2872 <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>
2800 </defs> 2873 </defs>
2801 </svg> 2874 </svg>
2802 </iron-iconset-svg> 2875 </iron-iconset-svg>
2803 <style is="custom-style" css-build="shadow">html { 2876 <style is="custom-style" css-build="shadow">html {
(...skipping 276 matching lines...) Expand 10 before | Expand all | Expand 10 after
3080 text-overflow: ellipsis; 3153 text-overflow: ellipsis;
3081 white-space: nowrap; 3154 white-space: nowrap;
3082 } 3155 }
3083 3156
3084 :host-context([dir=rtl]) .rtl-reversible { 3157 :host-context([dir=rtl]) .rtl-reversible {
3085 transform: rotate(180deg); 3158 transform: rotate(180deg);
3086 } 3159 }
3087 3160
3088 </style> 3161 </style>
3089 <div id="toolbar-container"> 3162 <div id="toolbar-container">
3090 <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_"> 3163 <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_">
3091 </cr-toolbar> 3164 </cr-toolbar>
3092 <template is="dom-if" if="[[itemsSelected_]]"> 3165 <template is="dom-if" if="[[itemsSelected_]]">
3093 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> 3166 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]">
3094 <div id="overlay-buttons"> 3167 <div id="overlay-buttons">
3095 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_" title="$i18n{cancel}"> 3168 <paper-icon-button icon="cr:clear" id="cancel-icon-button" on-tap="o nClearSelectionTap_" title="$i18n{cancel}">
3096 </paper-icon-button> 3169 </paper-icon-button>
3097 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> 3170 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div>
3098 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> 3171 <paper-button id="cancel-button" on-tap="onClearSelectionTap_">
3099 $i18n{cancel} 3172 $i18n{cancel}
3100 </paper-button> 3173 </paper-button>
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after
3239 ; 3312 ;
3240 } 3313 }
3241 3314
3242 </style> 3315 </style>
3243 3316
3244 <content></content> 3317 <content></content>
3245 </template> 3318 </template>
3246 3319
3247 </dom-module> 3320 </dom-module>
3248 3321
3249 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne xt-lite.min.js"></script>
3250
3251
3252 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow"> 3322 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d ropdown/" css-build="shadow">
3253 <template> 3323 <template>
3254 <style scope="iron-dropdown">:host { 3324 <style scope="iron-dropdown">:host {
3255 position: fixed; 3325 position: fixed;
3256 } 3326 }
3257 3327
3258 #contentWrapper ::content > * { 3328 #contentWrapper ::content > * {
3259 overflow: auto; 3329 overflow: auto;
3260 } 3330 }
3261 3331
(...skipping 224 matching lines...) Expand 10 before | Expand all | Expand 10 after
3486 3556
3487 ; 3557 ;
3488 } 3558 }
3489 3559
3490 </style> 3560 </style>
3491 3561
3492 <content></content> 3562 <content></content>
3493 </template> 3563 </template>
3494 3564
3495 </dom-module> 3565 </dom-module>
3496 <link rel="import" href="chrome://history/constants.html">
3497 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/" css-build="shadow"> 3566 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/" css-build="shadow">
3498 3567
3499 <template> 3568 <template>
3500 3569
3501 <style scope="iron-collapse">:host { 3570 <style scope="iron-collapse">:host {
3502 display: block; 3571 display: block;
3503 transition-duration: var(--iron-collapse-transition-duration, 300ms); 3572 transition-duration: var(--iron-collapse-transition-duration, 300ms);
3504 overflow: visible; 3573 overflow: visible;
3505 } 3574 }
3506 3575
(...skipping 1731 matching lines...) Expand 10 before | Expand all | Expand 10 after
5238 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5307 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5239 </history-side-bar> 5308 </history-side-bar>
5240 </app-drawer> 5309 </app-drawer>
5241 </template> 5310 </template>
5242 5311
5243 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5312 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5244 </iron-media-query> 5313 </iron-media-query>
5245 </template> 5314 </template>
5246 </dom-module> 5315 </dom-module>
5247 <script src="app.crisper.js"></script></body></html> 5316 <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/ui/webui/md_history_ui.cc » ('J')

Powered by Google App Engine
This is Rietveld 408576698