chrome/browser/resources/md_history/app.vulcanized.html - Issue 2311093002: MD WebUI: Use dom-if to control hidden elements in <cr-toolbar>

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2311093002: MD WebUI: Use dom-if to control hidden elements in <cr-toolbar> (Closed)

Patch Set: Fix tests 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:

OLD	NEW
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 2667 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2678	2678

2679 :host([narrow][showing-search]) {	2679 :host([narrow][showing-search]) {

2680 width: 100%;	2680 width: 100%;

2681 }	2681 }

2682	2682

2683 :host([narrow][showing-search]) #icon, :host([narrow][showing-search]) paper-spi nner-lite {	2683 :host([narrow][showing-search]) #icon, :host([narrow][showing-search]) paper-spi nner-lite {

2684 -webkit-margin-start: 18px;	2684 -webkit-margin-start: 18px;

2685 }	2685 }

2686	2686

2687 </style>	2687 </style>

2688 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">	2688 <template is="dom-if" if="[[isSpinnerShown_]]">

2689 </paper-spinner-lite>	2689 <paper-spinner-lite active="">

	2690 </paper-spinner-lite>

	2691 </template>

2690 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">	2692 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">

2691 </paper-icon-button>	2693 </paper-icon-button>

2692 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">	2694 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">

2693 <label id="prompt" for="searchInput">[[label]]</label>	2695 <label id="prompt" for="searchInput">[[label]]</label>

2694 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="" autofocus="">	2696 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="" autofocus="">

2695 </paper-input-container>	2697 </paper-input-container>

2696 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" on-tap="hideSearch_">	2698 <template is="dom-if" if="[[hasSearchText_]]">

2697 </paper-icon-button>	2699 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="hideSearch_">

	2700 </paper-icon-button>

	2701 </template>

2698 </template>	2702 </template>

2699 </dom-module>	2703 </dom-module>

2700 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">	2704 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">

2701 <template>	2705 <template>

2702 <style scope="cr-toolbar">:host {	2706 <style scope="cr-toolbar">:host {

2703 --cr-toolbar-field-width: 580px;	2707 --cr-toolbar-field-width: 580px;

2704 color: #fff;	2708 color: #fff;

2705 display: flex;	2709 display: flex;

2706 height: 56px;	2710 height: 56px;

2707 }	2711 }

(...skipping 2511 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
5219 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">	5223 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">

5220 </history-side-bar>	5224 </history-side-bar>

5221 </app-drawer>	5225 </app-drawer>

5222 </template>	5226 </template>

5223	5227

5224 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >	5228 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >

5225 </iron-media-query>	5229 </iron-media-query>

5226 </template>	5230 </template>

5227 </dom-module>	5231 </dom-module>

5228 <script src="app.crisper.js"></script></body></html>	5232 <script src="app.crisper.js"></script></body></html>

OLD	NEW