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

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

Issue 2549133003: [MD History] Color tweaks. (Closed)
Patch Set: fixnit Created 4 years 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
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 91 matching lines...) Expand 10 before | Expand all | Expand 10 after
102 :host(:not([narrow])) { 102 :host(:not([narrow])) {
103 -webkit-padding-end: 0; 103 -webkit-padding-end: 0;
104 background: rgba(0, 0, 0, 0.22); 104 background: rgba(0, 0, 0, 0.22);
105 border-radius: 2px; 105 border-radius: 2px;
106 cursor: text; 106 cursor: text;
107 width: var(--cr-toolbar-field-width); 107 width: var(--cr-toolbar-field-width);
108 } 108 }
109 109
110 :host(:not([narrow]):not([showing-search])) #icon, 110 :host(:not([narrow]):not([showing-search])) #icon,
111 :host(:not([narrow])) #prompt { 111 :host(:not([narrow])) #prompt {
112 opacity: 0.6; 112 opacity: 0.7;
113 } 113 }
114 114
115 :host([narrow]:not([showing-search])) #searchTerm { 115 :host([narrow]:not([showing-search])) #searchTerm {
116 display: none; 116 display: none;
117 } 117 }
118 118
119 /* Search open. */ 119 /* Search open. */
120 :host([showing-search][spinner-active]) #icon { 120 :host([showing-search][spinner-active]) #icon {
121 opacity: 0; 121 opacity: 0;
122 } 122 }
(...skipping 28 matching lines...) Expand all
151 </input> 151 </input>
152 </div> 152 </div>
153 <template is="dom-if" if="[[hasSearchText_]]"> 153 <template is="dom-if" if="[[hasSearchText_]]">
154 <paper-icon-button icon="cr:cancel" id="clearSearch" 154 <paper-icon-button icon="cr:cancel" id="clearSearch"
155 title="[[clearLabel]]" on-tap="clearSearch_"> 155 title="[[clearLabel]]" on-tap="clearSearch_">
156 </paper-icon-button> 156 </paper-icon-button>
157 </template> 157 </template>
158 </template> 158 </template>
159 <script src="cr_toolbar_search_field.js"></script> 159 <script src="cr_toolbar_search_field.js"></script>
160 </dom-module> 160 </dom-module>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/synced_device_manager.html ('k') | ui/webui/resources/css/md_colors.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698