third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html - Issue 2823713002: md settings: Change action link to button on lock screen.

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html

Issue 2823713002: md settings: Change action link to button on lock screen. (Closed)

Patch Set: Mixin. Created 3 years, 8 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:

« no previous file with comments | « chrome/browser/ui/webui/settings/md_settings_localized_strings_provider.cc ('k') | ui/webui/resources/cr_elements/shared_style_css.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html" >	10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html" >

(...skipping 24 matching lines...) Expand all Loading...
35 `--paper-radio-button-unchecked-background-color` \| Radio button background colo r when the input is not checked \| `transparent`	35 `--paper-radio-button-unchecked-background-color` \| Radio button background colo r when the input is not checked \| `transparent`

36 `--paper-radio-button-unchecked-color` \| Radio button color when the input is no t checked \| `--primary-text-color`	36 `--paper-radio-button-unchecked-color` \| Radio button color when the input is no t checked \| `--primary-text-color`

37 `--paper-radio-button-unchecked-ink-color` \| Selected/focus ripple color when th e input is not checked \| `--primary-text-color`	37 `--paper-radio-button-unchecked-ink-color` \| Selected/focus ripple color when th e input is not checked \| `--primary-text-color`

38 `--paper-radio-button-checked-color` \| Radio button color when the input is chec ked \| `--primary-color`	38 `--paper-radio-button-checked-color` \| Radio button color when the input is chec ked \| `--primary-color`

39 `--paper-radio-button-checked-ink-color` \| Selected/focus ripple color when the input is checked \| `--primary-color`	39 `--paper-radio-button-checked-ink-color` \| Selected/focus ripple color when the input is checked \| `--primary-color`

40 `--paper-radio-button-size` \| Size of the radio button \| `16px`	40 `--paper-radio-button-size` \| Size of the radio button \| `16px`

41 `--paper-radio-button-ink-size` \| Size of the ripple \| `48px`	41 `--paper-radio-button-ink-size` \| Size of the ripple \| `48px`

42 `--paper-radio-button-label-color` \| Label color \| `--primary-text-color`	42 `--paper-radio-button-label-color` \| Label color \| `--primary-text-color`

43 `--paper-radio-button-label-spacing` \| Spacing between the label and the button \| `10px`	43 `--paper-radio-button-label-spacing` \| Spacing between the label and the button \| `10px`

44 `--paper-radio-button-radio-container` \| A mixin applied to the internal radio c ontainer \| `{}`	44 `--paper-radio-button-radio-container` \| A mixin applied to the internal radio c ontainer \| `{}`

	45 `--paper-radio-button-radio-label` \| A mixin applied to the internal radio conta iner \| `{}`
	Dan Beam 2017/04/21 01:17:25 fwiw: I would name this simply --paper-radio-butto fwiw: I would name this simply --paper-radio-button-label sammiequon 2017/04/21 17:52:40 Done. Show quoted text On 2017/04/21 01:17:25, Dan Beam wrote: > fwiw: I would name this simply --paper-radio-button-label Done.
45	46

46 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`.	47 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`.

47 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`.	48 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`.

48	49

49 @group Paper Elements	50 @group Paper Elements

50 @element paper-radio-button	51 @element paper-radio-button

51 @hero hero.svg	52 @hero hero.svg

52 @demo demo/index.html	53 @demo demo/index.html

53 -->	54 -->

54	55

(...skipping 15 matching lines...) Expand all Loading...
70 outline: none;	71 outline: none;

71 }	72 }

72	73

73 #radioContainer {	74 #radioContainer {

74 @apply(--layout-inline);	75 @apply(--layout-inline);

75 @apply(--layout-center-center);	76 @apply(--layout-center-center);

76 position: relative;	77 position: relative;

77 width: var(--calculated-paper-radio-button-size);	78 width: var(--calculated-paper-radio-button-size);

78 height: var(--calculated-paper-radio-button-size);	79 height: var(--calculated-paper-radio-button-size);

79 vertical-align: middle;	80 vertical-align: middle;

80	81

81 @apply(--paper-radio-button-radio-container);	82 @apply(--paper-radio-button-radio-container);

82 }	83 }

83	84

84 #ink {	85 #ink {

85 position: absolute;	86 position: absolute;

86 top: 50%;	87 top: 50%;

87 left: 50%;	88 left: 50%;

88 right: auto;	89 right: auto;

89 width: var(--calculated-paper-radio-button-ink-size);	90 width: var(--calculated-paper-radio-button-ink-size);

90 height: var(--calculated-paper-radio-button-ink-size);	91 height: var(--calculated-paper-radio-button-ink-size);

(...skipping 43 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
134 }	135 }

135	136

136 #radioLabel {	137 #radioLabel {

137 line-height: normal;	138 line-height: normal;

138 position: relative;	139 position: relative;

139 display: inline-block;	140 display: inline-block;

140 vertical-align: middle;	141 vertical-align: middle;

141 margin-left: var(--paper-radio-button-label-spacing, 10px);	142 margin-left: var(--paper-radio-button-label-spacing, 10px);

142 white-space: normal;	143 white-space: normal;

143 color: var(--paper-radio-button-label-color, --primary-text-color);	144 color: var(--paper-radio-button-label-color, --primary-text-color);

	145

	146 @apply(--paper-radio-button-radio-label);

144 }	147 }

145	148

146 :host-context([dir="rtl"]) #radioLabel {	149 :host-context([dir="rtl"]) #radioLabel {

147 margin-left: 0;	150 margin-left: 0;

148 margin-right: var(--paper-radio-button-label-spacing, 10px);	151 margin-right: var(--paper-radio-button-label-spacing, 10px);

149 }	152 }

150	153

151 #radioLabel[hidden] {	154 #radioLabel[hidden] {

152 display: none;	155 display: none;

153 }	156 }

(...skipping 18 matching lines...) Expand all Loading...
172	175

173 <div id="radioContainer">	176 <div id="radioContainer">

174 <div id="offRadio"></div>	177 <div id="offRadio"></div>

175 <div id="onRadio"></div>	178 <div id="onRadio"></div>

176 </div>	179 </div>

177	180

178 <div id="radioLabel"><content></content></div>	181 <div id="radioLabel"><content></content></div>

179 </template>	182 </template>

180	183

181 </dom-module>	184 </dom-module>

182 <script src="paper-radio-button-extracted.js"></script></body></html>	185 <script src="paper-radio-button-extracted.js"></script></body></html>

OLD	NEW