Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(941)

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml
Patch Set: local-state.html Created 5 years 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
« components/proximity_auth/webui/resources/local-state.html ('K') | « third_party/polymer/v1_0/components-chromium/paper-checkbox/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/.bower.json » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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-ripple/paper-ripple.html"> 10 <link rel="import" href="../paper-ripple/paper-ripple.html">
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
61 61
62 .hidden { 62 .hidden {
63 display: none; 63 display: none;
64 } 64 }
65 65
66 #checkboxContainer { 66 #checkboxContainer {
67 display: inline-block; 67 display: inline-block;
68 position: relative; 68 position: relative;
69 width: 18px; 69 width: 18px;
70 height: 18px; 70 height: 18px;
71 min-width: 18px;
71 vertical-align: middle; 72 vertical-align: middle;
72 background-color: var(--paper-checkbox-unchecked-background-color, trans parent); 73 background-color: var(--paper-checkbox-unchecked-background-color, trans parent);
73 } 74 }
74 75
75 #ink { 76 #ink {
76 position: absolute; 77 position: absolute;
77 top: -15px; 78 top: -15px;
78 left: -15px; 79 left: -15px;
79 width: 48px; 80 width: 48px;
80 height: 48px; 81 height: 48px;
(...skipping 24 matching lines...) Expand all
105 } 106 }
106 107
107 /* checkbox checked animations */ 108 /* checkbox checked animations */
108 #checkbox.checked #checkmark { 109 #checkbox.checked #checkmark {
109 -webkit-animation: checkmark-expand 140ms ease-out forwards; 110 -webkit-animation: checkmark-expand 140ms ease-out forwards;
110 animation: checkmark-expand 140ms ease-out forwards; 111 animation: checkmark-expand 140ms ease-out forwards;
111 } 112 }
112 113
113 @-webkit-keyframes checkmark-expand { 114 @-webkit-keyframes checkmark-expand {
114 0% { 115 0% {
115 top: 9px; 116 -webkit-transform: scale(0, 0) rotate(45deg);
116 left: 6px;
117 width: 0px;
118 height: 0px;
119 } 117 }
120 100% { 118 100% {
121 top: -1px; 119 -webkit-transform: scale(1, 1) rotate(45deg);
122 left: 4px;
123 width: 5px;
124 height: 10px;
125 } 120 }
126 } 121 }
127 122
128 @keyframes checkmark-expand { 123 @keyframes checkmark-expand {
129 0% { 124 0% {
130 top: 9px; 125 transform: scale(0, 0) rotate(45deg);
131 left: 6px;
132 width: 0px;
133 height: 0px;
134 } 126 }
135 100% { 127 100% {
136 top: -1px; 128 transform: scale(1, 1) rotate(45deg);
137 left: 4px;
138 width: 5px;
139 height: 10px;
140 } 129 }
141 } 130 }
142 131
143 #checkbox.checked { 132 #checkbox.checked {
144 background-color: var(--paper-checkbox-checked-color, --default-primary- color); 133 background-color: var(--paper-checkbox-checked-color, --default-primary- color);
145 border-color: var(--paper-checkbox-checked-color, --default-primary-colo r); 134 border-color: var(--paper-checkbox-checked-color, --default-primary-colo r);
146 } 135 }
147 136
148 #checkmark { 137 #checkmark {
149 -webkit-transform: rotate(45deg);
150 transform: rotate(45deg);
151 position: absolute; 138 position: absolute;
152 top: -1px;
153 left: 4px;
154 width: 5px; 139 width: 5px;
155 height: 10px; 140 height: 10px;
156 border-style: solid; 141 border-style: solid;
157 border-top: none; 142 border-top: none;
158 border-left: none; 143 border-left: none;
159 border-right-width: 2px; 144 border-right-width: 2px;
160 border-bottom-width: 2px; 145 border-bottom-width: 2px;
161 border-color: var(--paper-checkbox-checkmark-color, white); 146 border-color: var(--paper-checkbox-checkmark-color, white);
147 transform-origin: 97% 86%;
148 -webkit-transform-origin: 97% 86%;
162 } 149 }
163 150
164 /* label */ 151 /* label */
165 #checkboxLabel { 152 #checkboxLabel {
166 position: relative; 153 position: relative;
167 display: inline-block; 154 display: inline-block;
168 vertical-align: middle; 155 vertical-align: middle;
169 padding-left: var(--paper-checkbox-label-spacing, 8px); 156 padding-left: var(--paper-checkbox-label-spacing, 8px);
170 white-space: normal; 157 white-space: normal;
171 pointer-events: none; 158 pointer-events: none;
(...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
210 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]"> 197 <div id="checkbox" class$="[[_computeCheckboxClass(checked, invalid)]]">
211 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div> 198 <div id="checkmark" class$="[[_computeCheckmarkClass(checked)]]"></div>
212 </div> 199 </div>
213 </div> 200 </div>
214 201
215 <div id="checkboxLabel"><content></content></div> 202 <div id="checkboxLabel"><content></content></div>
216 </template> 203 </template>
217 204
218 </dom-module> 205 </dom-module>
219 <script src="paper-checkbox-extracted.js"></script></body></html> 206 <script src="paper-checkbox-extracted.js"></script></body></html>
OLDNEW
« components/proximity_auth/webui/resources/local-state.html ('K') | « third_party/polymer/v1_0/components-chromium/paper-checkbox/bower.json ('k') | third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/.bower.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698