OLD | NEW |
1 <link rel="import" href="chrome://resources/html/md_select_css.html"> | 1 <link rel="import" href="chrome://resources/html/md_select_css.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/cr_elements/policy/cr_policy_pref_be
havior.html"> | 3 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_be
havior.html"> |
4 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in
dicator.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in
dicator.html"> |
5 <link rel="import" href="pref_control_behavior.html"> | 5 <link rel="import" href="pref_control_behavior.html"> |
6 <link rel="import" href="../i18n_setup.html"> | 6 <link rel="import" href="../i18n_setup.html"> |
7 <link rel="import" href="../prefs/pref_util.html"> | 7 <link rel="import" href="../prefs/pref_util.html"> |
8 <link rel="import" href="../settings_shared_css.html"> | 8 <link rel="import" href="../settings_shared_css.html"> |
9 <link rel="import" href="../settings_vars_css.html"> | 9 <link rel="import" href="../settings_vars_css.html"> |
10 | 10 |
11 <dom-module id="settings-dropdown-menu"> | 11 <dom-module id="settings-dropdown-menu"> |
12 <template> | 12 <template> |
13 <style include="settings-shared md-select"> | 13 <style include="settings-shared md-select"> |
14 :host { | 14 :host { |
15 display: inline-flex; | 15 display: inline-flex; |
16 } | 16 } |
17 | 17 |
18 cr-policy-pref-indicator, | 18 cr-policy-pref-indicator { |
19 select { | 19 margin: 0 var(--checkbox-spacing); |
20 -webkit-margin-start: var(--checkbox-spacing); | |
21 } | 20 } |
22 | 21 |
23 /* Hide "Custom" value when unselectable. */ | 22 /* Hide "Custom" value when unselectable. */ |
24 option:disabled { | 23 option:disabled { |
25 display: none; | 24 display: none; |
26 } | 25 } |
27 </style> | 26 </style> |
28 <template is="dom-if" if="[[pref.controlledBy]]" restamp> | 27 <template is="dom-if" if="[[pref.controlledBy]]" restamp> |
29 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> | 28 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> |
30 </template> | 29 </template> |
31 <div class="md-select-wrapper"> | 30 <div class="md-select-wrapper"> |
32 <select class="md-select" id="dropdownMenu" on-change="onChange_" | 31 <select class="md-select" id="dropdownMenu" on-change="onChange_" |
33 disabled="[[shouldDisableMenu_(disabled, menuOptions, pref.*)]]"> | 32 disabled="[[shouldDisableMenu_(disabled, menuOptions, pref.*)]]"> |
34 <template is="dom-repeat" items="[[menuOptions]]"> | 33 <template is="dom-repeat" items="[[menuOptions]]"> |
35 <option value="[[item.value]]">[[item.name]]</option> | 34 <option value="[[item.value]]">[[item.name]]</option> |
36 </template> | 35 </template> |
37 <option value="[[notFoundValue_]]" | 36 <option value="[[notFoundValue_]]" |
38 disabled="[[!showNotFoundValue_(menuOptions, pref.value)]]"> | 37 disabled="[[!showNotFoundValue_(menuOptions, pref.value)]]"> |
39 $i18n{custom} | 38 $i18n{custom} |
40 </option> | 39 </option> |
41 </select> | 40 </select> |
42 <span class="md-select-underline"></span> | 41 <span class="md-select-underline"></span> |
43 </div> | 42 </div> |
44 </template> | 43 </template> |
45 <script src="settings_dropdown_menu.js"></script> | 44 <script src="settings_dropdown_menu.js"></script> |
46 </dom-module> | 45 </dom-module> |
OLD | NEW |