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

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: go full vanilla 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') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.js » ('J')
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 3261 matching lines...) Expand 10 before | Expand all | Expand 10 after
3272 <template is="dom-if" if="[[hasSearchText_]]"> 3272 <template is="dom-if" if="[[hasSearchText_]]">
3273 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="hideSearch_"> 3273 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="hideSearch_">
3274 </paper-icon-button> 3274 </paper-icon-button>
3275 </template> 3275 </template>
3276 </template> 3276 </template>
3277 </dom-module> 3277 </dom-module>
3278 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow"> 3278 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">
3279 <template> 3279 <template>
3280 <style scope="cr-toolbar">:host { 3280 <style scope="cr-toolbar">:host {
3281 --cr-toolbar-field-width: 580px; 3281 --cr-toolbar-field-width: 580px;
3282 --cr-toolbar-height: 56px;
3282 color: #fff; 3283 color: #fff;
3283 display: flex; 3284 display: flex;
3284 height: 56px; 3285 height: var(--cr-toolbar-height);
3285 } 3286 }
3286 3287
3287 h1 { 3288 h1 {
3288 -webkit-margin-start: 6px; 3289 -webkit-margin-start: 6px;
3289 flex: 1; 3290 flex: 1;
3290 font-size: 123%; 3291 font-size: 123%;
3291 font-weight: 400; 3292 font-weight: 400;
3292 text-overflow: ellipsis; 3293 text-overflow: ellipsis;
3293 overflow: hidden; 3294 overflow: hidden;
3294 white-space: nowrap; 3295 white-space: nowrap;
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
3336 } 3337 }
3337 3338
3338 :host([narrow_]) #centeredContent { 3339 :host([narrow_]) #centeredContent {
3339 justify-content: flex-end; 3340 justify-content: flex-end;
3340 } 3341 }
3341 3342
3342 :host([narrow_][showing-search_]) #leftContent { 3343 :host([narrow_][showing-search_]) #leftContent {
3343 opacity: 0; 3344 opacity: 0;
3344 } 3345 }
3345 3346
3347 #menuPromo {
3348 -webkit-padding-end: 12px;
3349 -webkit-padding-start: 8px;
3350 align-items: center;
3351 background: #616161;
3352 border-radius: 2px;
3353 color: white;
3354 display: flex;
3355 font-size: 92.3%;
3356 font-weight: 500;
3357 opacity: 0;
3358 padding-bottom: 6px;
3359 padding-top: 6px;
3360 position: absolute;
3361 top: var(--cr-toolbar-height);
3362 white-space: nowrap;
3363 z-index: 2;
3364 }
3365
3366 #menuPromo::before {
3367 background: inherit;
3368
3369 clip-path: polygon(0 105%, 100% 105%, 50% 0);
3370 content: '';
3371 display: block;
3372 left: 10px;
3373 height: 6px;
3374 position: absolute;
3375 top: -6px;
3376 width: 12px;
3377 }
3378
3379 :host-context([dir=rtl]) #menuPromo::before {
3380 left: auto;
3381 right: 10px;
3382 }
3383
3384 #closePromo {
3385 -webkit-appearance: none;
3386 -webkit-margin-start: 12px;
3387 background: none;
3388 border: none;
3389 color: inherit;
3390 font-size: 20px;
3391 line-height: 20px;
3392 padding: 0;
3393 width: 20px;
3394 }
3395
3346 </style> 3396 </style>
3347 <div id="leftContent"> 3397 <div id="leftContent">
3348 <template is="dom-if" if="[[showMenu]]"> 3398
3349 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[menuLabel]]"> 3399 <template is="dom-if" if="[[showMenu]]" restamp="">
3400 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti tle="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" aria-label$="[[menu Label]]">
3350 </paper-icon-button> 3401 </paper-icon-button>
3402 <template is="dom-if" if="[[showMenuPromo]]">
3403 <div id="menuPromo" role="tooltip">
3404 [[menuPromo]]
3405 <button id="closePromo" on-tap="onClosePromoTap_" aria-label$="[[clo seMenuPromo]]">✕</button>
3406
3407 </div></template>
3351 </template> 3408 </template>
3352 <h1>[[pageName]]</h1> 3409 <h1>[[pageName]]</h1>
3353 </div> 3410 </div>
3354 3411
3355 <div id="centeredContent"> 3412 <div id="centeredContent">
3356 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}"> 3413 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">
3357 </cr-toolbar-search-field> 3414 </cr-toolbar-search-field>
3358 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> 3415 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">
3359 </iron-media-query> 3416 </iron-media-query>
3360 </div> 3417 </div>
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after
3575 <command id="undo-command" shortcut="Meta|z"></command> 3632 <command id="undo-command" shortcut="Meta|z"></command>
3576 <command id="find-command" shortcut="Meta|f"></command> 3633 <command id="find-command" shortcut="Meta|f"></command>
3577 </if> 3634 </if>
3578 <if expr="not is_macosx"> 3635 <if expr="not is_macosx">
3579 <command id="clear-all-command" shortcut="Alt|c"></command> 3636 <command id="clear-all-command" shortcut="Alt|c"></command>
3580 <command id="undo-command" shortcut="Ctrl|z"></command> 3637 <command id="undo-command" shortcut="Ctrl|z"></command>
3581 <command id="find-command" shortcut="Ctrl|f"></command> 3638 <command id="find-command" shortcut="Ctrl|f"></command>
3582 </if> 3639 </if>
3583 <link rel="import" href="chrome://resources/html/polymer.html"> 3640 <link rel="import" href="chrome://resources/html/polymer.html">
3584 <script src="crisper.js"></script></body></html> 3641 <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') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698