third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html - Issue 1862213002: Roll third_party/polymer.

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

Issue 1862213002: Roll third_party/polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Remove obsolete appearance_browsertest.js, result of a previous bad merge. Created 4 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:

View unified diff | Download patch

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-toggle-button/bower.json ('k') | third_party/polymer/v1_0/components-chromium/polymer/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="../iron-flex-layout/iron-flex-layout.html">	10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">

(...skipping 67 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
78 opacity: 0.4;	78 opacity: 0.4;

79 transition: background-color linear .08s;	79 transition: background-color linear .08s;

80 background-color: var(--paper-toggle-button-unchecked-bar-color, #000000 );	80 background-color: var(--paper-toggle-button-unchecked-bar-color, #000000 );

81	81

82 @apply(--paper-toggle-button-unchecked-bar);	82 @apply(--paper-toggle-button-unchecked-bar);

83 }	83 }

84	84

85 .toggle-button {	85 .toggle-button {

86 position: absolute;	86 position: absolute;

87 top: -3px;	87 top: -3px;

	88 left: 0;

88 height: 20px;	89 height: 20px;

89 width: 20px;	90 width: 20px;

90 border-radius: 50%;	91 border-radius: 50%;

91 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);	92 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);

92 transition: -webkit-transform linear .08s, background-color linear .08s;	93 transition: -webkit-transform linear .08s, background-color linear .08s;

93 transition: transform linear .08s, background-color linear .08s;	94 transition: transform linear .08s, background-color linear .08s;

94 will-change: transform;	95 will-change: transform;

95 background-color: var(--paper-toggle-button-unchecked-button-color, --pa per-grey-50);	96 background-color: var(--paper-toggle-button-unchecked-button-color, --pa per-grey-50);

96	97

97 @apply(--paper-toggle-button-unchecked-button);	98 @apply(--paper-toggle-button-unchecked-button);

(...skipping 29 matching lines...) Expand all Loading...
127	128

128 :host([disabled]) .toggle-button {	129 :host([disabled]) .toggle-button {

129 background-color: #bdbdbd;	130 background-color: #bdbdbd;

130 opacity: 1;	131 opacity: 1;

131 }	132 }

132	133

133 .toggle-ink {	134 .toggle-ink {

134 position: absolute;	135 position: absolute;

135 top: -14px;	136 top: -14px;

136 left: -14px;	137 left: -14px;

	138 right: auto;

	139 bottom: auto;

137 width: 48px;	140 width: 48px;

138 height: 48px;	141 height: 48px;

139 opacity: 0.5;	142 opacity: 0.5;

140 pointer-events: none;	143 pointer-events: none;

141 color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-col or);	144 color: var(--paper-toggle-button-unchecked-ink-color, --primary-text-col or);

142 }	145 }

143	146

144 :host([checked]) .toggle-ink {	147 :host([checked]) .toggle-ink {

145 color: var(--paper-toggle-button-checked-ink-color, --primary-color);	148 color: var(--paper-toggle-button-checked-ink-color, --primary-color);

146 }	149 }

(...skipping 22 matching lines...) Expand all Loading...
169 <div id="toggleBar" class="toggle-bar"></div>	172 <div id="toggleBar" class="toggle-bar"></div>

170 <div id="toggleButton" class="toggle-button"></div>	173 <div id="toggleButton" class="toggle-button"></div>

171 </div>	174 </div>

172	175

173 <div class="toggle-label"><content></content></div>	176 <div class="toggle-label"><content></content></div>

174	177

175 </template>	178 </template>

176	179

177 </dom-module>	180 </dom-module>

178 <script src="paper-toggle-button-extracted.js"></script></body></html>	181 <script src="paper-toggle-button-extracted.js"></script></body></html>

OLD	NEW