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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 2280513002: MD History: promote menu button to show clear browsing data in narrow mode (Closed)
Patch Set: damn it 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_downloads/crisper.js ('k') | chrome/browser/resources/md_history/app.crisper.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 <!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) 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 3266 matching lines...) Expand 10 before | Expand all | Expand 10 after
3277 <template is="dom-if" if="[[hasSearchText_]]"> 3277 <template is="dom-if" if="[[hasSearchText_]]">
3278 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="hideSearch_"> 3278 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="hideSearch_">
3279 </paper-icon-button> 3279 </paper-icon-button>
3280 </template> 3280 </template>
3281 </template> 3281 </template>
3282 </dom-module> 3282 </dom-module>
3283 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow"> 3283 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">
3284 <template> 3284 <template>
3285 <style scope="cr-toolbar">:host { 3285 <style scope="cr-toolbar">:host {
3286 --cr-toolbar-field-width: 580px; 3286 --cr-toolbar-field-width: 580px;
3287 --cr-toolbar-height: 56px;
3287 color: #fff; 3288 color: #fff;
3288 display: flex; 3289 display: flex;
3289 height: 56px; 3290 height: var(--cr-toolbar-height);
3290 } 3291 }
3291 3292
3292 h1 { 3293 h1 {
3293 -webkit-margin-start: 6px; 3294 -webkit-margin-start: 6px;
3294 flex: 1; 3295 flex: 1;
3295 font-size: 123%; 3296 font-size: 123%;
3296 font-weight: 400; 3297 font-weight: 400;
3297 text-overflow: ellipsis; 3298 text-overflow: ellipsis;
3298 overflow: hidden; 3299 overflow: hidden;
3299 white-space: nowrap; 3300 white-space: nowrap;
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
3341 } 3342 }
3342 3343
3343 :host([narrow_]) #centeredContent { 3344 :host([narrow_]) #centeredContent {
3344 justify-content: flex-end; 3345 justify-content: flex-end;
3345 } 3346 }
3346 3347
3347 :host([narrow_][showing-search_]) #leftContent { 3348 :host([narrow_][showing-search_]) #leftContent {
3348 opacity: 0; 3349 opacity: 0;
3349 } 3350 }
3350 3351
3352 #menuPromo {
3353 -webkit-padding-end: 12px;
3354 -webkit-padding-start: 8px;
3355 align-items: center;
3356 background: #616161;
3357 border-radius: 2px;
3358 color: white;
3359 display: flex;
3360 font-size: 92.3%;
3361 font-weight: 500;
3362 opacity: 0;
3363 padding-bottom: 6px;
3364 padding-top: 6px;
3365 position: absolute;
3366 top: var(--cr-toolbar-height);
3367 white-space: nowrap;
3368 z-index: 2;
3369 }
3370
3371 #menuPromo::before {
3372 background: inherit;
3373
3374 clip-path: polygon(0 105%, 100% 105%, 50% 0);
3375 content: '';
3376 display: block;
3377 left: 10px;
3378 height: 6px;
3379 position: absolute;
3380 top: -6px;
3381 width: 12px;
3382 }
3383
3384 :host-context([dir=rtl]) #menuPromo::before {
3385 left: auto;
3386 right: 10px;
3387 }
3388
3389 #closePromo {
3390 -webkit-appearance: none;
3391 -webkit-margin-start: 12px;
3392 background: none;
3393 border: none;
3394 color: inherit;
3395 font-size: 20px;
3396 line-height: 20px;
3397 padding: 0;
3398 width: 20px;
3399 }
3400
3351 </style> 3401 </style>
3352 <div id="leftContent"> 3402 <div id="leftContent">
3353 <template is="dom-if" if="[[showMenu]]"> 3403
3354 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 3404 <template is="dom-if" if="[[showMenu]]" restamp="">
3405 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" aria-label$="[[menu Label]]">
3355 </paper-icon-button> 3406 </paper-icon-button>
3407 <template is="dom-if" if="[[showMenuPromo]]">
3408 <div id="menuPromo" role="tooltip">
3409 [[menuPromo]]
3410 <button id="closePromo" on-tap="onClosePromoTap_" aria-label$="[[clo seMenuPromo]]">✕</button>
3411
3412 </div></template>
3356 </template> 3413 </template>
3357 <h1>[[pageName]]</h1> 3414 <h1>[[pageName]]</h1>
3358 </div> 3415 </div>
3359 3416
3360 <div id="centeredContent"> 3417 <div id="centeredContent">
3361 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 3418 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
3362 </cr-toolbar-search-field> 3419 </cr-toolbar-search-field>
3363 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 3420 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
3364 </iron-media-query> 3421 </iron-media-query>
3365 </div> 3422 </div>
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after
3580 <command id="undo-command" shortcut="Meta|z"></command> 3637 <command id="undo-command" shortcut="Meta|z"></command>
3581 <command id="find-command" shortcut="Meta|f"></command> 3638 <command id="find-command" shortcut="Meta|f"></command>
3582 </if> 3639 </if>
3583 <if expr="not is_macosx"> 3640 <if expr="not is_macosx">
3584 <command id="clear-all-command" shortcut="Alt|c"></command> 3641 <command id="clear-all-command" shortcut="Alt|c"></command>
3585 <command id="undo-command" shortcut="Ctrl|z"></command> 3642 <command id="undo-command" shortcut="Ctrl|z"></command>
3586 <command id="find-command" shortcut="Ctrl|f"></command> 3643 <command id="find-command" shortcut="Ctrl|f"></command>
3587 </if> 3644 </if>
3588 <link rel="import" href="chrome://resources/html/polymer.html"> 3645 <link rel="import" href="chrome://resources/html/polymer.html">
3589 <script src="crisper.js"></script></body></html> 3646 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/crisper.js ('k') | chrome/browser/resources/md_history/app.crisper.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698