third_party/polymer/components-chromium/paper-checkbox/paper-checkbox.html - Issue 913353002: Update paper-checkbox to 0.5.4.

Side by Side Diff: third_party/polymer/components-chromium/paper-checkbox/paper-checkbox.html

Issue 913353002: Update paper-checkbox to 0.5.4. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Applying sed to remove cr's. Created 5 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:

View unified diff | Download patch

« no previous file with comments | « third_party/polymer/components-chromium/paper-checkbox/paper-checkbox.css ('k') | third_party/polymer/components-chromium/paper-checkbox/paper-checkbox-extracted.js » ('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 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.	2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.

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

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

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

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

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

8 --><!--	8 --><!--

9 `paper-checkbox` is a button that can be either checked or unchecked. User	9 `paper-checkbox` is a button that can be either checked or unchecked. User

10 can tap the checkbox to check or uncheck it. Usually you use checkboxes	10 can tap the checkbox to check or uncheck it. Usually you use checkboxes

(...skipping 11 matching lines...) Expand all Loading...
22	22

23 To change the ink color for checked state:	23 To change the ink color for checked state:

24	24

25 paper-checkbox::shadow #ink[checked] {	25 paper-checkbox::shadow #ink[checked] {

26 color: #4285f4;	26 color: #4285f4;

27 }	27 }

28	28

29 To change the checkbox checked color:	29 To change the checkbox checked color:

30	30

31 paper-checkbox::shadow #checkbox.checked {	31 paper-checkbox::shadow #checkbox.checked {

	32 background-color: #4285f4;

32 border-color: #4285f4;	33 border-color: #4285f4;

33 }	34 }

34	35

35 To change the ink color for unchecked state:	36 To change the ink color for unchecked state:

36	37

37 paper-checkbox::shadow #ink {	38 paper-checkbox::shadow #ink {

38 color: #b5b5b5;	39 color: #b5b5b5;

39 }	40 }

40	41

41 To change the checbox unchecked color:	42 To change the checbox unchecked color:

(...skipping 10 matching lines...) Expand all Loading...
52	53

53 </head><body><polymer-element name="paper-checkbox" extends="paper-radio-button" role="checkbox" assetpath="">	54 </head><body><polymer-element name="paper-checkbox" extends="paper-radio-button" role="checkbox" assetpath="">

54 <template>	55 <template>

55	56

56 <link rel="stylesheet" href="paper-checkbox.css">	57 <link rel="stylesheet" href="paper-checkbox.css">

57	58

58 <div id="checkboxContainer" class="{{ {labeled: label} \| tokenList }}">	59 <div id="checkboxContainer" class="{{ {labeled: label} \| tokenList }}">

59	60

60 <paper-ripple id="ink" class="circle recenteringTouch" checked?="{{!checked} }"></paper-ripple>	61 <paper-ripple id="ink" class="circle recenteringTouch" checked?="{{!checked} }"></paper-ripple>

61	62

62 <div id="checkbox" on-animationend="{{checkboxAnimationEnd}}" on-webkitanima tionend="{{checkboxAnimationEnd}}"></div>	63 <div id="checkbox">

	64 <div id="checkmark" on-animationend="{{checkboxAnimationEnd}}" on-webkitan imationend="{{checkboxAnimationEnd}}"></div>

	65 </div>

63	66

64 </div>	67 </div>

65	68

66 <div id="checkboxLabel" hidden?="{{!label}}">{{label}}<content></content></div >	69 <div id="checkboxLabel" hidden?="{{!label}}">{{label}}<content></content></div >

67	70

68 </template>	71 </template>

69	72

70 </polymer-element>	73 </polymer-element>

71 <script charset="utf-8" src="paper-checkbox-extracted.js"></script></body></html >	74 <script charset="utf-8" src="paper-checkbox-extracted.js"></script></body></html >

OLD	NEW