third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html - Issue 2074813002: Roll Polymer

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

Issue 2074813002: Roll Polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: chromium.patch Created 4 years, 6 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 | « third_party/polymer/v1_0/components-chromium/paper-radio-button/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-spinner/bower.json » ('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 75 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
86 opacity: 0.6;	86 opacity: 0.6;

87 pointer-events: none;	87 pointer-events: none;

88 -webkit-transform: translate(-50%, -50%);	88 -webkit-transform: translate(-50%, -50%);

89 transform: translate(-50%, -50%);	89 transform: translate(-50%, -50%);

90 }	90 }

91	91

92 #ink[checked] {	92 #ink[checked] {

93 color: var(--paper-radio-button-checked-ink-color, --primary-color);	93 color: var(--paper-radio-button-checked-ink-color, --primary-color);

94 }	94 }

95	95

96 #offRadio {	96 #offRadio, #onRadio {

97 position: absolute;	97 position: absolute;

98 box-sizing: border-box;	98 box-sizing: border-box;

99 top: 0;	99 top: 0;

100 left: 0;	100 left: 0;

101 right: 0;

102 width: 100%;	101 width: 100%;

103 height: 100%;	102 height: 100%;

104 border-radius: 50%;	103 border-radius: 50%;

105 border: solid 2px;	104 }

	105

	106 #offRadio {

	107 border: 2px solid var(--paper-radio-button-unchecked-color, --primary-te xt-color);

106 background-color: var(--paper-radio-button-unchecked-background-color, t ransparent);	108 background-color: var(--paper-radio-button-unchecked-background-color, t ransparent);

107 border-color: var(--paper-radio-button-unchecked-color, --primary-text-c olor);

108 transition: border-color 0.28s;	109 transition: border-color 0.28s;

109 }	110 }

110	111

111 #onRadio {	112 #onRadio {

112 box-sizing: content-box;

113 width: 50%;

114 height: 50%;

115 border-radius: 50%;

116 background-color: var(--paper-radio-button-checked-color, --primary-colo r);	113 background-color: var(--paper-radio-button-checked-color, --primary-colo r);

117 -webkit-transform: scale(0);	114 -webkit-transform: scale(0);

118 transform: scale(0);	115 transform: scale(0);

119 transition: -webkit-transform ease 0.28s;	116 transition: -webkit-transform ease 0.28s;

120 transition: transform ease 0.28s;	117 transition: transform ease 0.28s;

121 will-change: transform;	118 will-change: transform;

122 }	119 }

123	120

124 :host([checked]) #offRadio {	121 :host([checked]) #offRadio {

125 border-color: var(--paper-radio-button-checked-color, --primary-color);	122 border-color: var(--paper-radio-button-checked-color, --primary-color);

126 }	123 }

127	124

128 :host([checked]) #onRadio {	125 :host([checked]) #onRadio {

129 -webkit-transform: scale(1);	126 -webkit-transform: scale(0.5);

130 transform: scale(1);	127 transform: scale(0.5);

131 }	128 }

132	129

133 #radioLabel {	130 #radioLabel {

134 line-height: normal;	131 line-height: normal;

135 position: relative;	132 position: relative;

136 display: inline-block;	133 display: inline-block;

137 vertical-align: middle;	134 vertical-align: middle;

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

139 white-space: normal;	136 white-space: normal;

140 color: var(--paper-radio-button-label-color, --primary-text-color);	137 color: var(--paper-radio-button-label-color, --primary-text-color);

(...skipping 29 matching lines...) Expand all Loading...
170 <div id="radioContainer">	167 <div id="radioContainer">

171 <div id="offRadio"></div>	168 <div id="offRadio"></div>

172 <div id="onRadio"></div>	169 <div id="onRadio"></div>

173 </div>	170 </div>

174	171

175 <div id="radioLabel"><content></content></div>	172 <div id="radioLabel"><content></content></div>

176 </template>	173 </template>

177	174

178 </dom-module>	175 </dom-module>

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

OLD	NEW