chrome/browser/resources/settings/controls/controlled_radio_button.html - Issue 2210063002: MD Settings: add a <controlled-radio-button>

Side by Side Diff: chrome/browser/resources/settings/controls/controlled_radio_button.html

Issue 2210063002: MD Settings: add a <controlled-radio-button> (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: remove radio-group tests Created 4 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « chrome/browser/resources/settings/appearance_page/appearance_page.html ('k') | chrome/browser/resources/settings/controls/controlled_radio_button.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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-button/paper-butt on.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="/settings_shared_css.html">	7 <link rel="import" href="/settings_shared_css.html">

7	8

8 <dom-module id="controlled-button">	9 <dom-module id="controlled-radio-button">

9 <template>	10 <template>

10 <style include="settings-shared">	11 <style include="settings-shared">

11 :host {	12 :host {

12 align-items: center;	13 align-items: center;

13 display: flex;	14 display: flex;

14 }	15 }

15	16

16 :host([controlled_]) {	17 :host([controlled_]) {

17 /* Disable pointer events for this whole element, as outer on-tap gets	18 /* Disable pointer events for this whole element, as outer on-tap gets

18 * triggered when clicking/tapping anywhere in :host. */	19 * triggered when clicking/tapping anywhere in :host. */

19 pointer-events: none;	20 pointer-events: none;

20 }	21 }

21	22

22 cr-policy-pref-indicator {	23 cr-policy-pref-indicator {

23 -webkit-margin-start: var(--checkbox-spacing);	24 -webkit-margin-start: var(--checkbox-spacing);

24 /* Enable pointer events for the indicator so :hover works. Disable	25 /* Enable pointer events for the indicator so :hover works. Disable

25 * clicks/taps via onIndicatorTap_ so outer on-tap doesn't trigger. */	26 * clicks/taps via onIndicatorTap_ so outer on-tap doesn't trigger. */

26 pointer-events: all;	27 pointer-events: all;

27 }	28 }

28 </style>	29 </style>

29	30

30 <paper-button disabled="[[controlled_]]">	31 <paper-radio-button name="{{name}}" disabled="[[controlled_]]"

	32 checked="{{checked}}">

31 <content></content>	33 <content></content>

32 </paper-button>	34 </paper-radio-button>

33	35

34 <template is="dom-if" if="[[controlled_]]">	36 <template is="dom-if" if="[[showIndicator_(controlled_, name, pref)]]">

35 <cr-policy-pref-indicator pref="[[pref]]" on-tap="onIndicatorTap_">	37 <cr-policy-pref-indicator pref="[[pref]]" on-tap="onIndicatorTap_">

36 </cr-policy-pref-indicator>	38 </cr-policy-pref-indicator>

37 </template>	39 </template>

38	40

39 </template>	41 </template>

40 <script src="/controls/controlled_button.js"></script>	42 <script src="/controls/controlled_radio_button.js"></script>

41 </dom-module>	43 </dom-module>

OLD	NEW