Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc h_field_behavior.html"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input -container.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input -container.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input .html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input .html"> |
| 5 | 5 |
| 6 <dom-module id="settings-subpage-search"> | 6 <dom-module id="settings-subpage-search"> |
| 7 <template> | 7 <template> |
| 8 <style> | 8 <style> |
| 9 paper-input-container { | 9 paper-input-container { |
| 10 width: var(--paper-input-max-width); | 10 width: var(--paper-input-max-width); |
| 11 } | 11 } |
| 12 | 12 |
| 13 input[type='search']::-webkit-search-cancel-button { | 13 input[type='search']::-webkit-search-cancel-button { |
| 14 -webkit-appearance: none; | 14 -webkit-appearance: none; |
| 15 } | 15 } |
| 16 | 16 |
| 17 #prompt, | 17 #prompt { |
| 18 color: var(--google-grey-500); | |
| 19 font-size: 13px; | |
| 20 line-height: 36px; | |
| 21 } | |
| 22 | |
| 18 #searchInput { | 23 #searchInput { |
| 19 color: var(--google-grey-500); | 24 color: var(--paper-grey-800); |
| 20 font-size: 13px; | 25 font-size: 13px; |
|
dschuyler
2016/08/23 02:17:26
This can be done in this CL or a separate CL: the
hcarmona
2016/08/23 20:52:29
Sounds good, I'll create a followup CL for this.
| |
| 21 line-height: 36px; | 26 line-height: 36px; |
| 22 } | 27 } |
|
dschuyler
2016/08/23 02:17:26
Let's make a #prompt with just a color, a #searchI
hcarmona
2016/08/23 20:52:29
Done.
| |
| 23 | 28 |
| 24 #clearSearch { | 29 #clearSearch { |
| 25 -webkit-margin-end: -8px; | 30 -webkit-margin-end: -8px; |
| 26 -webkit-margin-start: 8px; | 31 -webkit-margin-start: 8px; |
| 27 } | 32 } |
| 28 | 33 |
| 29 :root { | 34 :root { |
| 30 --paper-icon-button { | 35 --paper-icon-button { |
| 31 height: 36px; | 36 height: 36px; |
| 32 width: 36px; | 37 width: 36px; |
| (...skipping 10 matching lines...) Expand all Loading... | |
| 43 <input is="iron-input" id="searchInput" type="search" | 48 <input is="iron-input" id="searchInput" type="search" |
| 44 aria-labelledby="prompt" incremental> | 49 aria-labelledby="prompt" incremental> |
| 45 </input> | 50 </input> |
| 46 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" | 51 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" |
| 47 on-tap="onTapClear_" title="[[clearLabel]]" hidden$="[[!lastValue_]]"> | 52 on-tap="onTapClear_" title="[[clearLabel]]" hidden$="[[!lastValue_]]"> |
| 48 </paper-icon-button> | 53 </paper-icon-button> |
| 49 </paper-input-container> | 54 </paper-input-container> |
| 50 </template> | 55 </template> |
| 51 <script src="settings_subpage_search.js"></script> | 56 <script src="settings_subpage_search.js"></script> |
| 52 </dom-module> | 57 </dom-module> |
| OLD | NEW |