| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 | 2 |
| 3 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc
h_field_behavior.html"> | 3 <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/icons.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 5 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> | 5 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.htm
l"> |
| 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> | 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input
-container.html"> |
| 9 | 9 |
| 10 <dom-module id="settings-subpage-search"> | 10 <dom-module id="settings-subpage-search"> |
| (...skipping 28 matching lines...) Expand all Loading... |
| 39 paper-input-container { | 39 paper-input-container { |
| 40 display: inline-block; | 40 display: inline-block; |
| 41 vertical-align: middle; | 41 vertical-align: middle; |
| 42 width: 160px; /* Special width for search input. */ | 42 width: 160px; /* Special width for search input. */ |
| 43 } | 43 } |
| 44 | 44 |
| 45 input[type='search']::-webkit-search-cancel-button { | 45 input[type='search']::-webkit-search-cancel-button { |
| 46 -webkit-appearance: none; | 46 -webkit-appearance: none; |
| 47 } | 47 } |
| 48 | 48 |
| 49 input[placeholder] { |
| 50 text-overflow: ellipsis; |
| 51 } |
| 52 |
| 49 #searchInput { | 53 #searchInput { |
| 50 font-size: 92.3076923%; /* To 12px from 13px. */ | 54 font-size: 92.3076923%; /* To 12px from 13px. */ |
| 51 min-height: 24px; | 55 min-height: 24px; |
| 52 } | 56 } |
| 53 | 57 |
| 54 #searchInput { | 58 #searchInput { |
| 55 color: var(--paper-grey-800); | 59 color: var(--paper-grey-800); |
| 56 } | 60 } |
| 57 | 61 |
| 58 #clearSearch { | 62 #clearSearch { |
| (...skipping 12 matching lines...) Expand all Loading... |
| 71 on-input="onSearchTermInput" aria-labelledby="prompt" incremental | 75 on-input="onSearchTermInput" aria-labelledby="prompt" incremental |
| 72 autofocus$="[[autofocus]]" placeholder="[[label]]"> | 76 autofocus$="[[autofocus]]" placeholder="[[label]]"> |
| 73 <button suffix is="paper-icon-button-light" id="clearSearch" | 77 <button suffix is="paper-icon-button-light" id="clearSearch" |
| 74 class="icon-cancel" on-tap="onTapClear_" title="[[clearLabel]]" | 78 class="icon-cancel" on-tap="onTapClear_" title="[[clearLabel]]" |
| 75 hidden$="[[!hasSearchText]]"> | 79 hidden$="[[!hasSearchText]]"> |
| 76 </button> | 80 </button> |
| 77 </paper-input-container> | 81 </paper-input-container> |
| 78 </template> | 82 </template> |
| 79 <script src="settings_subpage_search.js"></script> | 83 <script src="settings_subpage_search.js"></script> |
| 80 </dom-module> | 84 </dom-module> |
| OLD | NEW |