OLD | NEW |
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 Loading... |
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; | |
3288 color: #fff; | 3287 color: #fff; |
3289 display: flex; | 3288 display: flex; |
3290 height: var(--cr-toolbar-height); | 3289 height: 56px; |
3291 } | 3290 } |
3292 | 3291 |
3293 h1 { | 3292 h1 { |
3294 -webkit-margin-start: 6px; | 3293 -webkit-margin-start: 6px; |
3295 flex: 1; | 3294 flex: 1; |
3296 font-size: 123%; | 3295 font-size: 123%; |
3297 font-weight: 400; | 3296 font-weight: 400; |
3298 text-overflow: ellipsis; | 3297 text-overflow: ellipsis; |
3299 overflow: hidden; | 3298 overflow: hidden; |
3300 white-space: nowrap; | 3299 white-space: nowrap; |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3342 } | 3341 } |
3343 | 3342 |
3344 :host([narrow_]) #centeredContent { | 3343 :host([narrow_]) #centeredContent { |
3345 justify-content: flex-end; | 3344 justify-content: flex-end; |
3346 } | 3345 } |
3347 | 3346 |
3348 :host([narrow_][showing-search_]) #leftContent { | 3347 :host([narrow_][showing-search_]) #leftContent { |
3349 opacity: 0; | 3348 opacity: 0; |
3350 } | 3349 } |
3351 | 3350 |
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 | |
3401 </style> | 3351 </style> |
3402 <div id="leftContent"> | 3352 <div id="leftContent"> |
3403 | 3353 <template is="dom-if" if="[[showMenu]]"> |
3404 <template is="dom-if" if="[[showMenu]]" restamp=""> | 3354 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti
tle="[[menuLabel]]"> |
3405 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" ti
tle="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" aria-label$="[[menu
Label]]"> | |
3406 </paper-icon-button> | 3355 </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> | |
3413 </template> | 3356 </template> |
3414 <h1>[[pageName]]</h1> | 3357 <h1>[[pageName]]</h1> |
3415 </div> | 3358 </div> |
3416 | 3359 |
3417 <div id="centeredContent"> | 3360 <div id="centeredContent"> |
3418 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP
rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing
-search="{{showingSearch_}}"> | 3361 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP
rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing
-search="{{showingSearch_}}"> |
3419 </cr-toolbar-search-field> | 3362 </cr-toolbar-search-field> |
3420 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> | 3363 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> |
3421 </iron-media-query> | 3364 </iron-media-query> |
3422 </div> | 3365 </div> |
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
3637 <command id="undo-command" shortcut="Meta|z"></command> | 3580 <command id="undo-command" shortcut="Meta|z"></command> |
3638 <command id="find-command" shortcut="Meta|f"></command> | 3581 <command id="find-command" shortcut="Meta|f"></command> |
3639 </if> | 3582 </if> |
3640 <if expr="not is_macosx"> | 3583 <if expr="not is_macosx"> |
3641 <command id="clear-all-command" shortcut="Alt|c"></command> | 3584 <command id="clear-all-command" shortcut="Alt|c"></command> |
3642 <command id="undo-command" shortcut="Ctrl|z"></command> | 3585 <command id="undo-command" shortcut="Ctrl|z"></command> |
3643 <command id="find-command" shortcut="Ctrl|f"></command> | 3586 <command id="find-command" shortcut="Ctrl|f"></command> |
3644 </if> | 3587 </if> |
3645 <link rel="import" href="chrome://resources/html/polymer.html"> | 3588 <link rel="import" href="chrome://resources/html/polymer.html"> |
3646 <script src="crisper.js"></script></body></html> | 3589 <script src="crisper.js"></script></body></html> |
OLD | NEW |