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

Side by Side Diff: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

Issue 2861093002: MD WebUI: Reduce flickering of spinner in toolbar search field (Closed)
Patch Set: Created 3 years, 7 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 | « no previous file | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.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 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner-lite.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner-lite.html">
4 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html"> 4 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html">
5 <link rel="import" href="chrome://resources/cr_elements/icons.html"> 5 <link rel="import" href="chrome://resources/cr_elements/icons.html">
6 6
7 <dom-module id="cr-toolbar-search-field"> 7 <dom-module id="cr-toolbar-search-field">
8 <template> 8 <template>
9 <style> 9 <style>
10 :host { 10 :host {
(...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after
121 121
122 :host([narrow][showing-search]) { 122 :host([narrow][showing-search]) {
123 width: 100%; 123 width: 100%;
124 } 124 }
125 125
126 :host([narrow][showing-search]) #icon, 126 :host([narrow][showing-search]) #icon,
127 :host([narrow][showing-search]) paper-spinner-lite { 127 :host([narrow][showing-search]) paper-spinner-lite {
128 -webkit-margin-start: var(--cr-control-spacing); 128 -webkit-margin-start: var(--cr-control-spacing);
129 } 129 }
130 </style> 130 </style>
131 <template is="dom-if" if="[[isSpinnerShown_]]"> 131 <template is="dom-if" id="spinnerTemplate">
132 <paper-spinner-lite active> 132 <paper-spinner-lite active="[[isSpinnerShown_]]">
133 </paper-spinner-lite> 133 </paper-spinner-lite>
134 </template> 134 </template>
135 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" 135 <paper-icon-button id="icon" icon="cr:search" title="[[label]]"
136 tabindex$="[[computeIconTabIndex_(narrow)]]" 136 tabindex$="[[computeIconTabIndex_(narrow)]]"
137 aria-hidden$="[[computeIconAriaHidden_(narrow)]]"> 137 aria-hidden$="[[computeIconAriaHidden_(narrow)]]">
138 </paper-icon-button> 138 </paper-icon-button>
139 <div id="searchTerm"> 139 <div id="searchTerm">
140 <label id="prompt" for="searchInput" aria-hidden="true">[[label]]</label> 140 <label id="prompt" for="searchInput" aria-hidden="true">[[label]]</label>
141 <input id="searchInput" 141 <input id="searchInput"
142 type="search" 142 type="search"
143 on-input="onSearchTermInput" 143 on-input="onSearchTermInput"
144 on-search="onSearchTermSearch" 144 on-search="onSearchTermSearch"
145 on-keydown="onSearchTermKeydown_" 145 on-keydown="onSearchTermKeydown_"
146 on-focus="onInputFocus_" 146 on-focus="onInputFocus_"
147 on-blur="onInputBlur_" 147 on-blur="onInputBlur_"
148 incremental 148 incremental
149 autofocus> 149 autofocus>
150 </input> 150 </input>
151 </div> 151 </div>
152 <template is="dom-if" if="[[hasSearchText]]"> 152 <template is="dom-if" if="[[hasSearchText]]">
153 <paper-icon-button icon="cr:cancel" id="clearSearch" 153 <paper-icon-button icon="cr:cancel" id="clearSearch"
154 title="[[clearLabel]]" on-tap="clearSearch_"> 154 title="[[clearLabel]]" on-tap="clearSearch_">
155 </paper-icon-button> 155 </paper-icon-button>
156 </template> 156 </template>
157 </template> 157 </template>
158 <script src="cr_toolbar_search_field.js"></script> 158 <script src="cr_toolbar_search_field.js"></script>
159 </dom-module> 159 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698