| OLD | NEW |
| 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-dropdown-menu/pap
er-dropdown-menu-light.html"> | |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-lis
tbox.html"> | |
| 4 <link rel="import" href="/controls/pref_control_behavior.html"> | 2 <link rel="import" href="/controls/pref_control_behavior.html"> |
| 5 <link rel="import" href="/i18n_setup.html"> | 3 <link rel="import" href="/i18n_setup.html"> |
| 4 <link rel="import" href="/md_select_css.html"> |
| 6 <link rel="import" href="/prefs/pref_util.html"> | 5 <link rel="import" href="/prefs/pref_util.html"> |
| 7 <link rel="import" href="/settings_shared_css.html"> | 6 <link rel="import" href="/settings_shared_css.html"> |
| 8 | 7 |
| 9 <dom-module id="settings-dropdown-menu"> | 8 <dom-module id="settings-dropdown-menu"> |
| 10 <template> | 9 <template> |
| 11 <style include="settings-shared"></style> | 10 <style include="settings-shared md-select"></style> |
| 12 <paper-dropdown-menu-light id="dropdownMenu" label="[[menuLabel_]]" | 11 <div class="select-wrapper"> |
| 13 on-iron-select="onSelect_" no-label-float vertical-align="auto" | 12 <select id="dropdownMenu" on-change="onChange_" value="[[selected_]]" |
| 14 disabled="[[shouldDisableMenu_(disabled, menuOptions.*)]]"> | 13 disabled="[[shouldDisableMenu_(disabled, menuOptions)]]"> |
| 15 <paper-listbox class="dropdown-content" selected="{{selected_}}" | 14 <template is="dom-repeat" items="[[menuOptions]]"> |
| 16 attr-for-selected="data-value"> | 15 <option value="[[item.value]]" data-value$="[[item.value]]"> |
| 17 <template is="dom-repeat" items="[[menuOptions]]" initial-count="5"> | |
| 18 <button class="dropdown-item" role="option" | |
| 19 data-value$="[[item.value]]"> | |
| 20 [[item.name]] | 16 [[item.name]] |
| 21 </button> | 17 </option> |
| 22 </template> | 18 </template> |
| 23 <button class="dropdown-item" role="option" | 19 <option value="[[notFoundValue_]]" |
| 24 data-value$="[[notFoundValue_]]" | |
| 25 hidden$="[[!isSelectedNotFound_(selected_)]]"> | 20 hidden$="[[!isSelectedNotFound_(selected_)]]"> |
| 26 $i18n{custom} | 21 $i18n{custom} |
| 27 </button> | 22 </option> |
| 28 </paper-listbox> | 23 </select> |
| 29 </paper-dropdown-menu-light> | 24 <span class="select-underline"></span> |
| 25 </div> |
| 30 </template> | 26 </template> |
| 31 <script src="settings_dropdown_menu.js"></script> | 27 <script src="settings_dropdown_menu.js"></script> |
| 32 </dom-module> | 28 </dom-module> |
| OLD | NEW |