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

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: merge 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') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('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 1266 matching lines...) Expand 10 before | Expand all | Expand 10 after
1277 <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> 1277 <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>
1278 <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> 1278 <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>
1279 <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> 1279 <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>
1280 <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> 1280 <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>
1281 <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> 1281 <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>
1282 <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> 1282 <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>
1283 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g> 1283 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>
1284 </defs> 1284 </defs>
1285 </svg> 1285 </svg>
1286 </iron-iconset-svg> 1286 </iron-iconset-svg>
1287 <dom-module id="paper-tooltip" assetpath="chrome://resources/polymer/v1_0/paper- tooltip/" css-build="shadow">
1288 <template>
1289 <style scope="paper-tooltip">:host {
1290 display: block;
1291 position: absolute;
1292 outline: none;
1293 z-index: 1002;
1294 -moz-user-select: none;
1295 -ms-user-select: none;
1296 -webkit-user-select: none;
1297 user-select: none;
1298 cursor: default;
1299 }
1300
1301 #tooltip {
1302 display: block;
1303 outline: none;
1304 font-family: var(--paper-font-common-base_-_font-family); -webkit-font-s moothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
1305 font-size: 10px;
1306 line-height: 1;
1307
1308 background-color: var(--paper-tooltip-background, #616161);
1309 opacity: var(--paper-tooltip-opacity, 0.9);
1310 color: var(--paper-tooltip-text-color, white);
1311
1312 padding: 8px;
1313 border-radius: 2px;
1314
1315 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);
1316 }
1317
1318 .hidden {
1319 display: none !important;
1320 }
1321
1322 </style>
1323
1324 <div id="tooltip" class="hidden">
1325 <content></content>
1326 </div>
1327 </template>
1328
1329 </dom-module>
1287 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow"> 1330 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow">
1288 <template> 1331 <template>
1289 <style scope="iron-a11y-announcer">:host { 1332 <style scope="iron-a11y-announcer">:host {
1290 display: inline-block; 1333 display: inline-block;
1291 position: fixed; 1334 position: fixed;
1292 clip: rect(0px,0px,0px,0px); 1335 clip: rect(0px,0px,0px,0px);
1293 } 1336 }
1294 1337
1295 </style> 1338 </style>
1296 <div aria-live$="[[mode]]">[[_text]]</div> 1339 <div aria-live$="[[mode]]">[[_text]]</div>
(...skipping 1554 matching lines...) Expand 10 before | Expand all | Expand 10 after
2851 } 2894 }
2852 2895
2853 :host([narrow_]) #centeredContent { 2896 :host([narrow_]) #centeredContent {
2854 justify-content: flex-end; 2897 justify-content: flex-end;
2855 } 2898 }
2856 2899
2857 :host([narrow_][showing-search_]) #leftContent { 2900 :host([narrow_][showing-search_]) #leftContent {
2858 opacity: 0; 2901 opacity: 0;
2859 } 2902 }
2860 2903
2904 paper-tooltip {
2905 --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;;
2906 }
2907
2908 iron-icon {
2909 --iron-icon-height: 20px;
2910 --iron-icon-width: 20px;
2911 -webkit-margin-start: 12px;
2912 }
2913
2914 .arrow {
2915 -webkit-clip-path: polygon(0 100%, 100% 100%, 50% 0);
2916 background: inherit;
2917 left: 10px;
2918 height: 6px;
2919 position: absolute;
2920 top: -6px;
2921 width: 12px;
2922 }
2923
2861 </style> 2924 </style>
2862 <div id="leftContent"> 2925 <div id="leftContent">
2863 <template is="dom-if" if="[[showMenu]]"> 2926 <template is="dom-if" if="[[showMenu]]">
2864 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 2927 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" aria-label$="[[menu Label]]">
2865 </paper-icon-button> 2928 </paper-icon-button>
2929 <template is="dom-if" if="[[showMenuPromo]]">
2930 <paper-tooltip for="menuButton" position="bottom" offset="20" manual-m ode="" fit-to-visible-bounds="">
2931 <div class="arrow"></div>
2932 [[menuPromo]]
2933 <iron-icon icon="cr:clear" on-tap="onMenuPromoCloseTap_" role="butto n" tabindex="0" aria-label$="[[closeMenuPromo]]">
2934 </iron-icon>
2935 </paper-tooltip>
2936 </template>
2866 </template> 2937 </template>
2867 <h1>[[pageName]]</h1> 2938 <h1>[[pageName]]</h1>
2868 </div> 2939 </div>
2869 2940
2870 <div id="centeredContent"> 2941 <div id="centeredContent">
2871 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 2942 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
2872 </cr-toolbar-search-field> 2943 </cr-toolbar-search-field>
2873 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 2944 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
2874 </iron-media-query> 2945 </iron-media-query>
2875 </div> 2946 </div>
2876 2947
2877 <div id="rightContent"> 2948 <div id="rightContent">
2878 <content select=".more-actions"></content> 2949 <content select=".more-actions"></content>
2879 </div> 2950 </div>
2880 </template> 2951 </template>
2881 </dom-module> 2952 </dom-module>
2953 <link rel="import" href="chrome://history/constants.html">
2882 <iron-iconset-svg size="24" name="history"> 2954 <iron-iconset-svg size="24" name="history">
2883 <svg> 2955 <svg>
2884 <defs> 2956 <defs>
2885 2957
2886 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g> 2958 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>
2887 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g> 2959 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>
2888 <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> 2960 <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>
2889 </defs> 2961 </defs>
2890 </svg> 2962 </svg>
2891 </iron-iconset-svg> 2963 </iron-iconset-svg>
(...skipping 315 matching lines...) Expand 10 before | Expand all | Expand 10 after
3207 text-overflow: ellipsis; 3279 text-overflow: ellipsis;
3208 white-space: nowrap; 3280 white-space: nowrap;
3209 } 3281 }
3210 3282
3211 :host-context([dir=rtl]) .rtl-reversible { 3283 :host-context([dir=rtl]) .rtl-reversible {
3212 transform: rotate(180deg); 3284 transform: rotate(180deg);
3213 } 3285 }
3214 3286
3215 </style> 3287 </style>
3216 <div id="toolbar-container"> 3288 <div id="toolbar-container">
3217 <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_"> 3289 <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]]" show-menu-promo="[[s howMenuPromo_]]" menu-label="$i18n{historyMenuButton}" menu-promo="$i18n{menuPro mo}" close-menu-promo="$i18n{closeMenuPromo}" on-search-changed="onSearchChanged _" on-cr-menu-promo-shown="onMenuPromoShown_">
3218 <div class="more-actions"> 3290 <div class="more-actions">
3219 <template is="dom-if" if="[[showSyncNotice]]"> 3291 <template is="dom-if" if="[[showSyncNotice]]">
3220 <button is="paper-icon-button-light" id="info-button" on-tap="onInfo ButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}"> 3292 <button is="paper-icon-button-light" id="info-button" on-tap="onInfo ButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}">
3221 <iron-icon icon="history:info-outline" id="info-button-icon"> 3293 <iron-icon icon="history:info-outline" id="info-button-icon">
3222 </iron-icon> 3294 </iron-icon>
3223 </button> 3295 </button>
3224 </template> 3296 </template>
3225 </div> 3297 </div>
3226 </cr-toolbar> 3298 </cr-toolbar>
3227 <template is="cr-lazy-render" id="syncNotice"> 3299 <template is="cr-lazy-render" id="syncNotice">
(...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after
3352 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close"> 3424 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close">
3353 </paper-icon-button> 3425 </paper-icon-button>
3354 </div> 3426 </div>
3355 <div class="body-container"> 3427 <div class="body-container">
3356 <content select=".body"></content> 3428 <content select=".body"></content>
3357 </div> 3429 </div>
3358 <content select=".button-container"></content> 3430 <content select=".button-container"></content>
3359 <content select=".footer"></content> 3431 <content select=".footer"></content>
3360 </template> 3432 </template>
3361 </dom-module> 3433 </dom-module>
3362
3363
3364 <link rel="import" href="chrome://resources/html/util.html"> 3434 <link rel="import" href="chrome://resources/html/util.html">
3365 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow"> 3435 <dom-module id="cr-shared-menu" assetpath="chrome://resources/cr_elements/cr_sha red_menu/" css-build="shadow">
3366 <template> 3436 <template>
3367 <style scope="cr-shared-menu">#menu { 3437 <style scope="cr-shared-menu">#menu {
3368 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); 3438 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
3369 background-color: white; 3439 background-color: white;
3370 overflow: hidden; 3440 overflow: hidden;
3371 padding: 8px 0; 3441 padding: 8px 0;
3372 position: relative; 3442 position: relative;
3373 } 3443 }
(...skipping 202 matching lines...) Expand 10 before | Expand all | Expand 10 after
3576 3646
3577 ; 3647 ;
3578 } 3648 }
3579 3649
3580 </style> 3650 </style>
3581 3651
3582 <content></content> 3652 <content></content>
3583 </template> 3653 </template>
3584 3654
3585 </dom-module> 3655 </dom-module>
3586 <link rel="import" href="chrome://history/constants.html">
3587 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/" css-build="shadow"> 3656 <dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-c ollapse/" css-build="shadow">
3588 3657
3589 <template> 3658 <template>
3590 3659
3591 <style scope="iron-collapse">:host { 3660 <style scope="iron-collapse">:host {
3592 display: block; 3661 display: block;
3593 transition-duration: var(--iron-collapse-transition-duration, 300ms); 3662 transition-duration: var(--iron-collapse-transition-duration, 300ms);
3594 overflow: visible; 3663 overflow: visible;
3595 } 3664 }
3596 3665
(...skipping 1602 matching lines...) Expand 10 before | Expand all | Expand 10 after
5199 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5268 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5200 </history-side-bar> 5269 </history-side-bar>
5201 </app-drawer> 5270 </app-drawer>
5202 </template> 5271 </template>
5203 5272
5204 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5273 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5205 </iron-media-query> 5274 </iron-media-query>
5206 </template> 5275 </template>
5207 </dom-module> 5276 </dom-module>
5208 <script src="app.crisper.js"></script></body></html> 5277 <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') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698