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

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-progress/paper-progress.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
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="../iron-flex-layout/iron-flex-layout.html"> 10 <link rel="import" href="../iron-flex-layout/iron-flex-layout.html">
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
99 } 99 }
100 100
101 #primaryProgress, 101 #primaryProgress,
102 #secondaryProgress, 102 #secondaryProgress,
103 .indeterminate::after { 103 .indeterminate::after {
104 @apply(--layout-fit); 104 @apply(--layout-fit);
105 } 105 }
106 106
107 #progressContainer, 107 #progressContainer,
108 .indeterminate::after { 108 .indeterminate::after {
109 background-color: var(--paper-progress-container-color, --google-grey-30 0); 109 background: var(--paper-progress-container-color, --google-grey-300);
110 } 110 }
111 111
112 :host(.transiting) #primaryProgress, 112 :host(.transiting) #primaryProgress,
113 :host(.transiting) #secondaryProgress { 113 :host(.transiting) #secondaryProgress {
114 -webkit-transition-property: -webkit-transform; 114 -webkit-transition-property: -webkit-transform;
115 transition-property: transform; 115 transition-property: transform;
116 116
117 /* Duration */ 117 /* Duration */
118 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s); 118 -webkit-transition-duration: var(--paper-progress-transition-duration, 0 .08s);
119 transition-duration: var(--paper-progress-transition-duration, 0.08s); 119 transition-duration: var(--paper-progress-transition-duration, 0.08s);
(...skipping 11 matching lines...) Expand all
131 #secondaryProgress { 131 #secondaryProgress {
132 @apply(--layout-fit); 132 @apply(--layout-fit);
133 -webkit-transform-origin: left center; 133 -webkit-transform-origin: left center;
134 transform-origin: left center; 134 transform-origin: left center;
135 -webkit-transform: scaleX(0); 135 -webkit-transform: scaleX(0);
136 transform: scaleX(0); 136 transform: scaleX(0);
137 will-change: transform; 137 will-change: transform;
138 } 138 }
139 139
140 #primaryProgress { 140 #primaryProgress {
141 background-color: var(--paper-progress-active-color, --google-green-500) ; 141 background: var(--paper-progress-active-color, --google-green-500);
142 } 142 }
143 143
144 #secondaryProgress { 144 #secondaryProgress {
145 position: relative; 145 background: var(--paper-progress-secondary-color, --google-green-100);
146 background-color: var(--paper-progress-secondary-color, --google-green-1 00);
147 } 146 }
148 147
149 :host([disabled]) #primaryProgress { 148 :host([disabled]) #primaryProgress {
150 background-color: var(--paper-progress-disabled-active-color, --google-g rey-500); 149 background: var(--paper-progress-disabled-active-color, --google-grey-50 0);
151 } 150 }
152 151
153 :host([disabled]) #secondaryProgress { 152 :host([disabled]) #secondaryProgress {
154 background-color: var(--paper-progress-disabled-secondary-color, --googl e-grey-300); 153 background: var(--paper-progress-disabled-secondary-color, --google-grey -300);
155 } 154 }
156 155
157 :host(:not([disabled])) #primaryProgress.indeterminate { 156 :host(:not([disabled])) #primaryProgress.indeterminate {
158 -webkit-transform-origin: right center; 157 -webkit-transform-origin: right center;
159 transform-origin: right center; 158 transform-origin: right center;
160 -webkit-animation: indeterminate-bar 2s linear infinite; 159 -webkit-animation: indeterminate-bar 2s linear infinite;
161 animation: indeterminate-bar 2s linear infinite; 160 animation: indeterminate-bar 2s linear infinite;
162 } 161 }
163 162
164 :host(:not([disabled])) #primaryProgress.indeterminate::after { 163 :host(:not([disabled])) #primaryProgress.indeterminate::after {
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
236 </style> 235 </style>
237 236
238 <div id="progressContainer"> 237 <div id="progressContainer">
239 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div> 238 <div id="secondaryProgress" hidden$="[[_hideSecondaryProgress(secondaryRat io)]]"></div>
240 <div id="primaryProgress"></div> 239 <div id="primaryProgress"></div>
241 </div> 240 </div>
242 </template> 241 </template>
243 </dom-module> 242 </dom-module>
244 243
245 <script src="paper-progress-extracted.js"></script></body></html> 244 <script src="paper-progress-extracted.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698