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 |