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-radio-button/pape
r-radio-button.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-button/pape
r-radio-button.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="/controls/pref_control_behavior.html"> | 5 <link rel="import" href="/controls/pref_control_behavior.html"> |
6 <link rel="import" href="/prefs/pref_util.html"> | 6 <link rel="import" href="/prefs/pref_util.html"> |
7 <link rel="import" href="/settings_shared_css.html"> | 7 <link rel="import" href="/settings_shared_css.html"> |
8 | 8 |
9 <dom-module id="controlled-radio-button"> | 9 <dom-module id="controlled-radio-button"> |
10 <template> | 10 <template> |
11 <style include="settings-shared"> | 11 <style include="settings-shared"> |
12 :host { | 12 :host { |
13 align-items: center; | 13 align-items: center; |
14 display: flex; | 14 display: flex; |
15 outline: none; | 15 outline: none; |
16 } | 16 } |
17 | 17 |
18 :host([controlled_]) { | 18 :host([controlled_]) { |
19 /* Disable pointer events for this whole element, as outer on-tap gets | 19 /* Disable pointer events for this whole element, as outer on-tap gets |
20 * triggered when clicking/tapping anywhere in :host. */ | 20 * triggered when clicking/tapping anywhere in :host. */ |
21 pointer-events: none; | 21 pointer-events: none; |
22 } | 22 } |
23 | 23 |
24 cr-policy-pref-indicator { | 24 cr-policy-pref-indicator { |
25 -webkit-margin-start: var(--checkbox-spacing); | 25 -webkit-margin-start: var(--settings-checkbox-spacing); |
26 /* Enable pointer events for the indicator so :hover works. Disable | 26 /* Enable pointer events for the indicator so :hover works. Disable |
27 * clicks/taps via onIndicatorTap_ so outer on-tap doesn't trigger. */ | 27 * clicks/taps via onIndicatorTap_ so outer on-tap doesn't trigger. */ |
28 pointer-events: all; | 28 pointer-events: all; |
29 } | 29 } |
30 </style> | 30 </style> |
31 | 31 |
32 <paper-radio-button name="{{name}}" disabled="[[controlled_]]" | 32 <paper-radio-button name="{{name}}" disabled="[[controlled_]]" |
33 checked="{{checked}}"> | 33 checked="{{checked}}"> |
34 <content></content> | 34 <content></content> |
35 </paper-radio-button> | 35 </paper-radio-button> |
36 | 36 |
37 <template is="dom-if" if="[[showIndicator_(controlled_, name, pref)]]"> | 37 <template is="dom-if" if="[[showIndicator_(controlled_, name, pref)]]"> |
38 <cr-policy-pref-indicator pref="[[pref]]" on-tap="onIndicatorTap_"> | 38 <cr-policy-pref-indicator pref="[[pref]]" on-tap="onIndicatorTap_"> |
39 </cr-policy-pref-indicator> | 39 </cr-policy-pref-indicator> |
40 </template> | 40 </template> |
41 | 41 |
42 </template> | 42 </template> |
43 <script src="/controls/controlled_radio_button.js"></script> | 43 <script src="/controls/controlled_radio_button.js"></script> |
44 </dom-module> | 44 </dom-module> |
OLD | NEW |