| 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/cr_elements/icons.html"> | 2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 3 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> |
| 6 | 7 |
| 7 <dom-module id="settings-subpage-search"> | 8 <dom-module id="settings-subpage-search"> |
| 8 <template> | 9 <template> |
| 9 <style> | 10 <style> |
| 10 :host { | 11 :host { |
| 11 --subpage-search-underline: { | 12 --subpage-search-underline: { |
| 12 margin-bottom: -2px; | 13 margin-bottom: -2px; |
| 13 margin-top: -2px; | 14 margin-top: -2px; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 26 } | 27 } |
| 27 } | 28 } |
| 28 | 29 |
| 29 paper-icon-button { | 30 paper-icon-button { |
| 30 /* A 16px icon that fits on the input line. */ | 31 /* A 16px icon that fits on the input line. */ |
| 31 height: 24px; | 32 height: 24px; |
| 32 padding: 4px; | 33 padding: 4px; |
| 33 width: 24px; | 34 width: 24px; |
| 34 } | 35 } |
| 35 | 36 |
| 37 #searchIcon { |
| 38 height: 16px; |
| 39 padding: 4px; |
| 40 width: 16px; |
| 41 } |
| 42 |
| 36 paper-input-container { | 43 paper-input-container { |
| 37 display: inline-block; | 44 display: inline-block; |
| 38 width: 160px; /* Special width for search input. */ | 45 width: 160px; /* Special width for search input. */ |
| 39 } | 46 } |
| 40 | 47 |
| 41 input[type='search']::-webkit-search-cancel-button { | 48 input[type='search']::-webkit-search-cancel-button { |
| 42 -webkit-appearance: none; | 49 -webkit-appearance: none; |
| 43 } | 50 } |
| 44 | 51 |
| 45 #prompt, | 52 #prompt, |
| (...skipping 11 matching lines...) Expand all Loading... |
| 57 | 64 |
| 58 #searchInput { | 65 #searchInput { |
| 59 color: var(--paper-grey-800); | 66 color: var(--paper-grey-800); |
| 60 } | 67 } |
| 61 | 68 |
| 62 #clearSearch { | 69 #clearSearch { |
| 63 -webkit-margin-end: -4px; | 70 -webkit-margin-end: -4px; |
| 64 -webkit-margin-start: 4px; | 71 -webkit-margin-start: 4px; |
| 65 } | 72 } |
| 66 </style> | 73 </style> |
| 67 <paper-icon-button id="searchIcon" icon="cr:search"></paper-icon-button> | 74 <iron-icon id="searchIcon" icon="cr:search"></iron-icon> |
| 68 <paper-input-container no-label-float> | 75 <paper-input-container no-label-float> |
| 69 <label id="prompt">[[label]]</label> | 76 <label id="prompt">[[label]]</label> |
| 70 <input id="searchInput" type="search" on-search="onSearchTermSearch" | 77 <input id="searchInput" type="search" on-search="onSearchTermSearch" |
| 71 on-input="onSearchTermInput" aria-labelledby="prompt" incremental> | 78 on-input="onSearchTermInput" aria-labelledby="prompt" incremental> |
| 72 </input> | 79 </input> |
| 73 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" | 80 <paper-icon-button suffix icon="cr:cancel" id="clearSearch" |
| 74 on-tap="onTapClear_" title="[[clearLabel]]" | 81 on-tap="onTapClear_" title="[[clearLabel]]" |
| 75 hidden$="[[!hasSearchText]]"> | 82 hidden$="[[!hasSearchText]]"> |
| 76 </paper-icon-button> | 83 </paper-icon-button> |
| 77 </paper-input-container> | 84 </paper-input-container> |
| 78 </template> | 85 </template> |
| 79 <script src="settings_subpage_search.js"></script> | 86 <script src="settings_subpage_search.js"></script> |
| 80 </dom-module> | 87 </dom-module> |
| OLD | NEW |