third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html - Issue 2658963002: MD Settings: paper-toggle-button version 1.2.0 -> 1.3.0

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

Issue 2658963002: MD Settings: paper-toggle-button version 1.2.0 -> 1.3.0 (Closed)

Patch Set: check sed version in check_dep instead Created 3 years, 10 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-toggle-button/bower.json ('k') | third_party/polymer/v1_0/components_summary.txt » ('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 21 matching lines...) Expand all Loading...
32 `--paper-toggle-button-unchecked-button-color` \| Button color when the input is not checked \| `--paper-grey-50`	32 `--paper-toggle-button-unchecked-button-color` \| Button color when the input is not checked \| `--paper-grey-50`

33 `--paper-toggle-button-unchecked-ink-color` \| Selected/focus ripple color when t he input is not checked \| `--dark-primary-color`	33 `--paper-toggle-button-unchecked-ink-color` \| Selected/focus ripple color when t he input is not checked \| `--dark-primary-color`

34 `--paper-toggle-button-checked-bar-color` \| Slider button color when the input i s checked \| `--primary-color`	34 `--paper-toggle-button-checked-bar-color` \| Slider button color when the input i s checked \| `--primary-color`

35 `--paper-toggle-button-checked-button-color` \| Button color when the input is ch ecked \| `--primary-color`	35 `--paper-toggle-button-checked-button-color` \| Button color when the input is ch ecked \| `--primary-color`

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

37 `--paper-toggle-button-invalid-bar-color` \| Slider button color when the input i s invalid \| `--error-color`	37 `--paper-toggle-button-invalid-bar-color` \| Slider button color when the input i s invalid \| `--error-color`

38 `--paper-toggle-button-invalid-button-color` \| Button color when the input is in valid \| `--error-color`	38 `--paper-toggle-button-invalid-button-color` \| Button color when the input is in valid \| `--error-color`

39 `--paper-toggle-button-invalid-ink-color` \| Selected/focus ripple color when the input is invalid \| `--error-color`	39 `--paper-toggle-button-invalid-ink-color` \| Selected/focus ripple color when the input is invalid \| `--error-color`

40 `--paper-toggle-button-unchecked-bar` \| Mixin applied to the slider when the inp ut is not checked \| `{}`	40 `--paper-toggle-button-unchecked-bar` \| Mixin applied to the slider when the inp ut is not checked \| `{}`

41 `--paper-toggle-button-unchecked-button` \| Mixin applied to the slider button wh en the input is not checked \| `{}`	41 `--paper-toggle-button-unchecked-button` \| Mixin applied to the slider button wh en the input is not checked \| `{}`

	42 `--paper-toggle-button-unchecked-ink` \| Mixin applied to the ripple when the inp ut is not checked \| `{}`

42 `--paper-toggle-button-checked-bar` \| Mixin applied to the slider when the input is checked \| `{}`	43 `--paper-toggle-button-checked-bar` \| Mixin applied to the slider when the input is checked \| `{}`

43 `--paper-toggle-button-checked-button` \| Mixin applied to the slider button when the input is checked \| `{}`	44 `--paper-toggle-button-checked-button` \| Mixin applied to the slider button when the input is checked \| `{}`

	45 `--paper-toggle-button-checked-ink` \| Mixin applied to the ripple when the input is checked \| `{}`

44 `--paper-toggle-button-label-color` \| Label color \| `--primary-text-color`	46 `--paper-toggle-button-label-color` \| Label color \| `--primary-text-color`

45 `--paper-toggle-button-label-spacing` \| Spacing between the label and the button \| `8px`	47 `--paper-toggle-button-label-spacing` \| Spacing between the label and the button \| `8px`

46	48

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

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

49	51

50 @group Paper Elements	52 @group Paper Elements

51 @element paper-toggle-button	53 @element paper-toggle-button

52 @hero hero.svg	54 @hero hero.svg

53 @demo demo/index.html	55 @demo demo/index.html

(...skipping 84 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
138 position: absolute;	140 position: absolute;

139 top: -14px;	141 top: -14px;

140 left: -14px;	142 left: -14px;

141 right: auto;	143 right: auto;

142 bottom: auto;	144 bottom: auto;

143 width: 48px;	145 width: 48px;

144 height: 48px;	146 height: 48px;

145 opacity: 0.5;	147 opacity: 0.5;

146 pointer-events: none;	148 pointer-events: none;

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

	150

	151 @apply(--paper-toggle-button-unchecked-ink);

148 }	152 }

149	153

150 :host([checked]) .toggle-ink {	154 :host([checked]) .toggle-ink {

151 color: var(--paper-toggle-button-checked-ink-color, --primary-color);	155 color: var(--paper-toggle-button-checked-ink-color, --primary-color);

	156

	157 @apply(--paper-toggle-button-checked-ink);

152 }	158 }

153	159

154 .toggle-container {	160 .toggle-container {

155 display: inline-block;	161 display: inline-block;

156 position: relative;	162 position: relative;

157 width: 36px;	163 width: 36px;

158 height: 14px;	164 height: 14px;

159 /* The toggle button has an absolute position of -3px; The extra 1px	165 /* The toggle button has an absolute position of -3px; The extra 1px

160 /* accounts for the toggle button shadow box. */	166 /* accounts for the toggle button shadow box. */

161 margin: 4px 1px;	167 margin: 4px 1px;

(...skipping 26 matching lines...) Expand all Loading...
188 <div id="toggleBar" class="toggle-bar"></div>	194 <div id="toggleBar" class="toggle-bar"></div>

189 <div id="toggleButton" class="toggle-button"></div>	195 <div id="toggleButton" class="toggle-button"></div>

190 </div>	196 </div>

191	197

192 <div class="toggle-label"><content></content></div>	198 <div class="toggle-label"><content></content></div>

193	199

194 </template>	200 </template>

195	201

196 </dom-module>	202 </dom-module>

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

OLD	NEW